Commit e7c06554 by wangdan

提交样式修改

parent afcf0dfe
...@@ -42,8 +42,8 @@ body,html{ ...@@ -42,8 +42,8 @@ body,html{
line-height:70px; line-height:70px;
} }
.floatup_1{ .floatup_1{
top:40%; top:25%;
left:20%; left:30%;
background: url(./img/icon1.png) no-repeat; background: url(./img/icon1.png) no-repeat;
background-size:100% 100%; background-size:100% 100%;
animation: floatup_ani1 3s linear 0s infinite; animation: floatup_ani1 3s linear 0s infinite;
...@@ -52,7 +52,7 @@ body,html{ ...@@ -52,7 +52,7 @@ body,html{
} }
.floatup_2{ .floatup_2{
top:65%; top:65%;
left:30%; left:35%;
background: url(./img/icon2.png) no-repeat; background: url(./img/icon2.png) no-repeat;
background-size:100% 100%; background-size:100% 100%;
animation:floatup_ani2 3s linear 0s infinite; animation:floatup_ani2 3s linear 0s infinite;
...@@ -60,7 +60,7 @@ body,html{ ...@@ -60,7 +60,7 @@ body,html{
-moz-animation: floatup_ani2 3s linear 0s infinite; -moz-animation: floatup_ani2 3s linear 0s infinite;
} }
.floatup_3{ .floatup_3{
top:35%; top:40%;
left:40%; left:40%;
background: url(./img/icon3.png) no-repeat; background: url(./img/icon3.png) no-repeat;
background-size:100% 100%; background-size:100% 100%;
...@@ -69,8 +69,8 @@ body,html{ ...@@ -69,8 +69,8 @@ body,html{
-moz-animation: floatup_ani3 3s linear 0s infinite; -moz-animation: floatup_ani3 3s linear 0s infinite;
} }
.floatup_4{ .floatup_4{
top:60%; top:40%;
left:50%; left:55%;
background: url(./img/icon4.png) no-repeat; background: url(./img/icon4.png) no-repeat;
background-size:100% 100%; background-size:100% 100%;
animation:floatup_ani4 3s linear 0s infinite; animation:floatup_ani4 3s linear 0s infinite;
...@@ -78,8 +78,8 @@ body,html{ ...@@ -78,8 +78,8 @@ body,html{
-moz-animation: floatup_ani4 3s linear 0s infinite; -moz-animation: floatup_ani4 3s linear 0s infinite;
} }
.floatup_5{ .floatup_5{
top:50%; top:57%;
left:55%; left:50%;
background: url(./img/icon5.png) no-repeat; background: url(./img/icon5.png) no-repeat;
background-size:100% 100%; background-size:100% 100%;
animation:floatup_ani5 3s linear 0s infinite; animation:floatup_ani5 3s linear 0s infinite;
...@@ -88,7 +88,7 @@ body,html{ ...@@ -88,7 +88,7 @@ body,html{
} }
.floatup_6{ .floatup_6{
top:25%; top:25%;
left:65%; left:55%;
background: url(./img/icon6.png) no-repeat; background: url(./img/icon6.png) no-repeat;
background-size:100% 100%; background-size:100% 100%;
animation:floatup_ani6 3s linear 0s infinite; animation:floatup_ani6 3s linear 0s infinite;
...@@ -106,11 +106,11 @@ body,html{ ...@@ -106,11 +106,11 @@ body,html{
100%{opacity: 1} 100%{opacity: 1}
} }
@keyframes floatup_ani1{ @keyframes floatup_ani1{
from{opacity: 1;top:40%} from{opacity: 1;top:25%}
to{opacity: 0;top:0%} to{opacity: 0;top:0%}
} }
@-webkit-keyframes floatup_ani1{ @-webkit-keyframes floatup_ani1{
from{opacity: 1;top:80%} from{opacity: 1;top:25%}
to{opacity: 0;top:0%} to{opacity: 0;top:0%}
} }
@keyframes floatup_ani2{ @keyframes floatup_ani2{
...@@ -122,27 +122,27 @@ body,html{ ...@@ -122,27 +122,27 @@ body,html{
to{opacity: 0;top:0%} to{opacity: 0;top:0%}
} }
@keyframes floatup_ani3{ @keyframes floatup_ani3{
from{opacity: 1;top:35%} from{opacity: 1;top:40%}
to{opacity: 0;top:0%} to{opacity: 0;top:0%}
} }
@-webkit-keyframes floatup_ani3{ @-webkit-keyframes floatup_ani3{
from{opacity: 1;top:35%} from{opacity: 1;top:40%}
to{opacity: 0;top:0%} to{opacity: 0;top:0%}
} }
@keyframes floatup_ani4{ @keyframes floatup_ani4{
from{opacity: 1;top:45%} from{opacity: 1;top:40%}
to{opacity: 0;top:0%} to{opacity: 0;top:0%}
} }
@-webkit-keyframes floatup_ani4{ @-webkit-keyframes floatup_ani4{
from{opacity: 1;top:45%} from{opacity: 1;top:40%}
to{opacity: 0;top:0%} to{opacity: 0;top:0%}
} }
@keyframes floatup_ani5{ @keyframes floatup_ani5{
from{opacity: 1;top:60%} from{opacity: 1;top:57%}
to{opacity: 0;top:0%} to{opacity: 0;top:0%}
} }
@-webkit-keyframes floatup_ani5{ @-webkit-keyframes floatup_ani5{
from{opacity: 1;top:60%} from{opacity: 1;top:57%}
to{opacity: 0;top:0%} to{opacity: 0;top:0%}
} }
@keyframes floatup_ani6{ @keyframes floatup_ani6{
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment