Created
April 21, 2015 10:20
-
-
Save ogbaoghene/fab862c07b111e71922a to your computer and use it in GitHub Desktop.
Lime animations library
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @keyframes fadeInDown { | |
| 0% { | |
| opacity: 0; | |
| transform: translate3d(0, -100%, 0); | |
| } | |
| 100% { | |
| opacity: 1; | |
| transform: none; | |
| } | |
| } | |
| @keyframes fadeOutUp { | |
| 0% { | |
| opacity: 1; | |
| } | |
| 100% { | |
| opacity: 0; | |
| transform: translate3d(0, -100%, 0); | |
| } | |
| } | |
| @keyframes fadeIn { | |
| 0% { | |
| opacity: 0; | |
| } | |
| 100% { | |
| opacity: 1; | |
| } | |
| } | |
| @keyframes fadeOut { | |
| 0% { | |
| opacity: 1; | |
| } | |
| 100% { | |
| opacity: 0; | |
| } | |
| } | |
| @keyframes press { | |
| 0% { | |
| box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .37); | |
| } | |
| 100% { | |
| box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .3); | |
| } | |
| } | |
| @keyframes release { | |
| 0% { | |
| box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .3); | |
| } | |
| 100% { | |
| box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .37); | |
| } | |
| } | |
| @keyframes zoomIn { | |
| 0% { | |
| opacity: 0; | |
| transform: scale3d(.3, .3, .3); | |
| } | |
| 50% { | |
| opacity: 1; | |
| } | |
| } | |
| @keyframes zoomOut { | |
| 0% { | |
| opacity: 1; | |
| } | |
| 50% { | |
| opacity: 0; | |
| transform: scale3d(.3, .3, .3); | |
| } | |
| 100% { | |
| opacity: 0; | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment