зеркало из https://github.com/mozilla/gecko-dev.git
76 строки
1.3 KiB
HTML
76 строки
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html><head>
|
|
<style>
|
|
body {
|
|
font-size: 60px;
|
|
position: absolute;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
div {
|
|
position: absolute;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
#shadow1 {
|
|
top: -30px;
|
|
left: -60px;
|
|
}
|
|
#shadow2 {
|
|
top: 100px;
|
|
left: -60px;
|
|
}
|
|
#shadow3 {
|
|
top: -30px;
|
|
left: 100px;
|
|
}
|
|
#shadow4 {
|
|
top: 200px;
|
|
left: -60px;
|
|
}
|
|
#shadow5 {
|
|
top: -30px;
|
|
left: 250px;
|
|
}
|
|
#shadow1-ref {
|
|
top: 20px;
|
|
left: 20px;
|
|
}
|
|
#shadow2-ref {
|
|
color: transparent;
|
|
text-shadow: 0px 0px 10px black;
|
|
top: 150px;
|
|
left: 20px;
|
|
}
|
|
#shadow3-ref {
|
|
color: transparent;
|
|
text-shadow: 0px 0px 10px black;
|
|
top: 20px;
|
|
left: 180px;
|
|
}
|
|
#shadow4-ref {
|
|
color: transparent;
|
|
top: 205px;
|
|
left: -40px;
|
|
text-shadow: 0px 0px 10px black;
|
|
}
|
|
#shadow5-ref {
|
|
color: transparent;
|
|
top: -25px;
|
|
left: 270px;
|
|
text-shadow: 0px 0px 10px black;
|
|
}
|
|
</style>
|
|
</head><body>
|
|
<div id="shadow1-ref">hello</div>
|
|
<div id="shadow2-ref">hello</div>
|
|
<div id="shadow3-ref">hello</div>
|
|
<div id="shadow4-ref">hello</div>
|
|
<div id="shadow5-ref">hello</div>
|
|
<div id="shadow1">hello</div>
|
|
<div id="shadow2">hello</div>
|
|
<div id="shadow3">hello</div>
|
|
<div id="shadow4">hello </div>
|
|
<div id="shadow5">hello </div>
|
|
</body></html>
|