You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
177 lines
3.3 KiB
CSS
177 lines
3.3 KiB
CSS
body{
|
|
background-color:#013BFF;
|
|
}
|
|
#gif{
|
|
width:80%;
|
|
margin:10%;
|
|
}
|
|
|
|
a[href]{
|
|
cursor: pointer;
|
|
}
|
|
|
|
h2{
|
|
color:#E601FF;
|
|
text-align:center;
|
|
font-family: "Lucida Console", "Courier New", monospace;
|
|
}
|
|
@keyframes img1 {
|
|
0% { left:100px; top:0px;}
|
|
100% { left:100px; top:1300px;}
|
|
}
|
|
|
|
.img1{
|
|
position: absolute;
|
|
z-index: -1;
|
|
font-size:40px;
|
|
animation-name: img1;
|
|
animation-duration: 18s;
|
|
animation-iteration-count: infinite;
|
|
animation-fill-mode: forwards;
|
|
}
|
|
|
|
|
|
@keyframes img2 {
|
|
0% { left:110px; top:0px;}
|
|
100% { left:110px; top:1300px;}
|
|
}
|
|
|
|
.img2{
|
|
position: absolute;
|
|
z-index: -1;
|
|
font-size:40px;
|
|
animation-name: img2;
|
|
animation-duration: 21s;
|
|
animation-iteration-count: infinite;
|
|
animation-fill-mode: forwards;
|
|
}
|
|
|
|
|
|
@keyframes img3 {
|
|
0% { left:430px; top:0px;}
|
|
100% { left:430px; top:1200px;}
|
|
}
|
|
|
|
.img3{
|
|
position: absolute;
|
|
z-index: -1;
|
|
font-size:40px;
|
|
animation-name: img3;
|
|
animation-duration: 10s;
|
|
animation-iteration-count: infinite;
|
|
animation-fill-mode: forwards;
|
|
}
|
|
|
|
@keyframes img4 {
|
|
0% { left:750px; top:0px;}
|
|
100% { left:750px; top:1120px;}
|
|
}
|
|
|
|
.img4{
|
|
position: absolute;
|
|
z-index: -1;
|
|
font-size:40px;
|
|
animation-name: img4;
|
|
animation-duration: 35s;
|
|
animation-iteration-count: infinite;
|
|
animation-fill-mode: forwards;
|
|
}
|
|
|
|
@keyframes img5 {
|
|
0% { left:330px; top:0px;}
|
|
100% { left:330px; top:690px;}
|
|
}
|
|
|
|
.img5{
|
|
position: absolute;
|
|
z-index: -1;
|
|
font-size:40px;
|
|
animation-name: img5;
|
|
animation-duration: 30s;
|
|
animation-iteration-count: infinite;
|
|
animation-fill-mode: forwards;
|
|
}
|
|
@keyframes img6 {
|
|
0% { left:1000px; top:0px;}
|
|
100% { left:1000px; top:1222px;}
|
|
}
|
|
|
|
.img6{
|
|
position: absolute;
|
|
z-index: -1;
|
|
font-size:40px;
|
|
animation-name: img6;
|
|
animation-duration: 50s;
|
|
animation-iteration-count: infinite;
|
|
animation-fill-mode: forwards;
|
|
}
|
|
@keyframes img7 { /*/freakyfigure/*/
|
|
0% { left:960px; top:0px;}
|
|
100% { left:960px; top:1140px;}
|
|
}
|
|
|
|
.img7{
|
|
position: absolute;
|
|
z-index: -1;
|
|
font-size:40px;
|
|
animation-name: img7;
|
|
animation-duration: 24s;
|
|
animation-iteration-count: infinite;
|
|
animation-fill-mode: forwards;
|
|
}
|
|
@keyframes img8 { /*/freakyfigure/*/
|
|
0% { left:800px; top:0px;}
|
|
100% { left:800px; top:500px;}
|
|
}
|
|
|
|
.img8{
|
|
position: absolute;
|
|
z-index: -1;
|
|
font-size:40px;
|
|
animation-name: img8;
|
|
animation-duration: 41s;
|
|
animation-iteration-count: infinite;
|
|
animation-fill-mode: forwards;
|
|
}
|
|
@keyframes img9 { /*/freakyfigure/*/
|
|
0% { left:50px; top:0px;}
|
|
100% { left:50px; top:900px;}
|
|
}
|
|
|
|
.img9{
|
|
position: absolute;
|
|
z-index: -1;
|
|
font-size:40px;
|
|
animation-name: img9;
|
|
animation-duration: 44s;
|
|
animation-iteration-count: infinite;
|
|
animation-fill-mode: forwards;
|
|
}
|
|
@keyframes img10 { /*/freakyfigure/*/
|
|
0% { left:400px; top:0px;}
|
|
100% { left:400px; top:1000px;}
|
|
}
|
|
|
|
.img10{
|
|
position: absolute;
|
|
z-index: -1;
|
|
font-size:40px;
|
|
animation-name: img10;
|
|
animation-duration: 23s;
|
|
animation-iteration-count: infinite;
|
|
animation-fill-mode: forwards;
|
|
}
|
|
@keyframes img11 { /*/freakyfigure/*/
|
|
0% { left:300px; top:0px;}
|
|
100% { left:300px; top:500px;}
|
|
}
|
|
|
|
.img11{
|
|
position: absolute;
|
|
z-index: -1;
|
|
font-size:40px;
|
|
animation-name: img11;
|
|
animation-duration: 40s;
|
|
animation-iteration-count: infinite;
|
|
animation-fill-mode: forwards;
|
|
} |