|
|
| Line 113: |
Line 113: |
| | } | | } |
| | | | |
| − | .ripple,.ripple:before,.ripple:after {
| + | |
| − | display:block;
| + | |
| − | border-radius:2px;
| + | |
| − | width:2px;
| + | |
| − | height:2px;
| + | |
| − | -webkit-animation:rip 6s infinite ease-out;
| + | |
| − | -moz-animation:rip 6s infinite ease-out;
| + | |
| − | }
| + | |
| − | .ripple {
| + | |
| − | position:absolute;
| + | |
| − | z-index:-1;
| + | |
| − | top:70px;
| + | |
| − | left:100px;
| + | |
| − | }
| + | |
| − | .ripple:before,.ripple:after {
| + | |
| − | content:'';
| + | |
| − | position:absolute;
| + | |
| − | }
| + | |
| − | .ripple:before {-webkit-animation-delay:.2s;-moz-animation-delay:.2s;top:5px;left:25px;}
| + | |
| − | .ripple:after {-webkit-animation-delay:.8s;-moz-animation-delay:.8s;top:25px;left:0;}
| + | |
| − | @-webkit-keyframes rip
| + | |
| − | {
| + | |
| − | 0% {
| + | |
| − | box-shadow:0 0 0 0 transparent,
| + | |
| − | 0 0 0 0 transparent,
| + | |
| − | 0 0 0 0 transparent,
| + | |
| − | 0 0 0 0 transparent;
| + | |
| − | }
| + | |
| − | 15% {
| + | |
| − | box-shadow:0 0 0 0 #7D5E7F,
| + | |
| − | 0 0 0 0 rgba(255,255,255,0.4),
| + | |
| − | 0 0 0 0 white,
| + | |
| − | 0 0 0 0 rgba(0,0,0,0.08);
| + | |
| − | }
| + | |
| − | 100% {
| + | |
| − | box-shadow:0 0 40px 200px #7D5E7F,
| + | |
| − | 0 0 10px 210px transparent,
| + | |
| − | 0 0 30px 220px white,
| + | |
| − | 0 0 5px 230px transparent;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | @-moz-keyframes rip
| + | |
| − | {
| + | |
| − | 0% {
| + | |
| − | box-shadow:0 0 0 0 transparent,
| + | |
| − | 0 0 0 0 transparent,
| + | |
| − | 0 0 0 0 transparent,
| + | |
| − | 0 0 0 0 transparent;
| + | |
| − | }
| + | |
| − | 15% {
| + | |
| − | box-shadow:0 0 0 0 #7D5E7F,
| + | |
| − | 0 0 0 0 rgba(255,255,255,0.4),
| + | |
| − | 0 0 0 0 white,
| + | |
| − | 0 0 0 0 rgba(0,0,0,0.08);
| + | |
| − | }
| + | |
| − | 100% {
| + | |
| − | box-shadow:0 0 40px 200px #7D5E7F,
| + | |
| − | 0 0 10px 210px transparent,
| + | |
| − | 0 0 30px 220px white,
| + | |
| − | 0 0 5px 230px transparent;
| + | |
| − | }
| + | |
| − | }
| + | |
| | | | |
| | </style> | | </style> |
