Showing
1 changed file
with
22 additions
and
0 deletions
| @@ -46,6 +46,9 @@ page{ | @@ -46,6 +46,9 @@ page{ | ||
| 46 | background-color: #ffffff; | 46 | background-color: #ffffff; |
| 47 | opacity:0.1; | 47 | opacity:0.1; |
| 48 | position: fixed; | 48 | position: fixed; |
| 49 | + animation-name: butAnimation; | ||
| 50 | + animation-duration: 15s; | ||
| 51 | + animation-iteration-count:9999; | ||
| 49 | } | 52 | } |
| 50 | .info{ | 53 | .info{ |
| 51 | margin-top: 42rpx; | 54 | margin-top: 42rpx; |
| @@ -63,4 +66,23 @@ page{ | @@ -63,4 +66,23 @@ page{ | ||
| 63 | box-shadow: 0 4rpx 8rpx 0 #2B9397; | 66 | box-shadow: 0 4rpx 8rpx 0 #2B9397; |
| 64 | width:80%; | 67 | width:80%; |
| 65 | margin: 346rpx auto 0; | 68 | margin: 346rpx auto 0; |
| 69 | +} | ||
| 70 | + | ||
| 71 | +@keyframes butAnimation | ||
| 72 | +{ | ||
| 73 | + 30%{ | ||
| 74 | + transform: translate(-1.5rem); | ||
| 75 | + } | ||
| 76 | + 50% { | ||
| 77 | + transform: scale(1.2,1.2); | ||
| 78 | + } | ||
| 79 | + 75%{ | ||
| 80 | + transform: translate(1.5rem,-1.5rem); | ||
| 81 | + } | ||
| 82 | +} | ||
| 83 | +@-webkit-keyframes butAnimation | ||
| 84 | +{ | ||
| 85 | + 0% {opacity:0.1;width: 200rpx; height: 200rpx;} | ||
| 86 | + 50% {opacity:0.05;width: 400rpx; height: 400rpx;} | ||
| 87 | + 100% {opacity:0.1;width: 200rpx; height: 200rpx;} | ||
| 66 | } | 88 | } |
-
Please register or login to post a comment