You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
44 lines
2.1 KiB
44 lines
2.1 KiB
@-webkit-keyframes bounce { |
|
0%, 20%, 53%, 80%, 100% { |
|
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); |
|
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); } |
|
40%, 43% { |
|
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); |
|
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); |
|
-webkit-transform: translate3d(0, -30px, 0); |
|
transform: translate3d(0, -30px, 0); } |
|
70% { |
|
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); |
|
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); |
|
-webkit-transform: translate3d(0, -15px, 0); |
|
transform: translate3d(0, -15px, 0); } |
|
90% { |
|
-webkit-transform: translate3d(0, -4px, 0); |
|
transform: translate3d(0, -4px, 0); } } |
|
@keyframes bounce { |
|
0%, 20%, 53%, 80%, 100% { |
|
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); |
|
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); } |
|
40%, 43% { |
|
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); |
|
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); |
|
-webkit-transform: translate3d(0, -30px, 0); |
|
transform: translate3d(0, -30px, 0); } |
|
70% { |
|
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); |
|
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); |
|
-webkit-transform: translate3d(0, -15px, 0); |
|
transform: translate3d(0, -15px, 0); } |
|
90% { |
|
-webkit-transform: translate3d(0, -4px, 0); |
|
transform: translate3d(0, -4px, 0); } } |
|
.bounce { |
|
-webkit-animation-name: bounce; |
|
animation-name: bounce; |
|
-webkit-transform-origin: center bottom; |
|
-ms-transform-origin: center bottom; |
|
transform-origin: center bottom; }
|
|
|