|
...
|
...
|
@@ -46,6 +46,9 @@ page{ |
|
|
|
background-color: #ffffff;
|
|
|
|
opacity:0.1;
|
|
|
|
position: fixed;
|
|
|
|
animation-name: butAnimation;
|
|
|
|
animation-duration: 15s;
|
|
|
|
animation-iteration-count:9999;
|
|
|
|
}
|
|
|
|
.info{
|
|
|
|
margin-top: 42rpx;
|
|
...
|
...
|
@@ -63,4 +66,23 @@ page{ |
|
|
|
box-shadow: 0 4rpx 8rpx 0 #2B9397;
|
|
|
|
width:80%;
|
|
|
|
margin: 346rpx auto 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes butAnimation
|
|
|
|
{
|
|
|
|
30%{
|
|
|
|
transform: translate(-1.5rem);
|
|
|
|
}
|
|
|
|
50% {
|
|
|
|
transform: scale(1.2,1.2);
|
|
|
|
}
|
|
|
|
75%{
|
|
|
|
transform: translate(1.5rem,-1.5rem);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@-webkit-keyframes butAnimation
|
|
|
|
{
|
|
|
|
0% {opacity:0.1;width: 200rpx; height: 200rpx;}
|
|
|
|
50% {opacity:0.05;width: 400rpx; height: 400rpx;}
|
|
|
|
100% {opacity:0.1;width: 200rpx; height: 200rpx;}
|
|
|
|
} |
|
|
\ No newline at end of file |
...
|
...
|
|
