Advertisement
Guest User

Untitled

a guest
Apr 22nd, 2018
129
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.53 KB | None | 0 0
  1. @charset "UTF-8";
  2.  
  3.  
  4. .animated {
  5. -webkit-animation-duration: 1s;
  6. animation-duration: 1s;
  7. -webkit-animation-fill-mode: both;
  8. animation-fill-mode: both;
  9. }
  10.  
  11. .animated.infinite {
  12. -webkit-animation-iteration-count: infinite;
  13. animation-iteration-count: infinite;
  14. }
  15.  
  16. .animated.hinge {
  17. -webkit-animation-duration: 2s;
  18. animation-duration: 2s;
  19. }
  20.  
  21. .animated.flipOutX,
  22. .animated.flipOutY,
  23. .animated.bounceIn,
  24. .animated.bounceOut {
  25. -webkit-animation-duration: .75s;
  26. animation-duration: .75s;
  27. }
  28.  
  29. @-webkit-keyframes bounce {
  30. from, 20%, 53%, 80%, to {
  31. -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  32. animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  33. -webkit-transform: translate3d(0,0,0);
  34. transform: translate3d(0,0,0);
  35. }
  36.  
  37. 40%, 43% {
  38. -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
  39. animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
  40. -webkit-transform: translate3d(0, -30px, 0);
  41. transform: translate3d(0, -30px, 0);
  42. }
  43.  
  44. 70% {
  45. -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
  46. animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
  47. -webkit-transform: translate3d(0, -15px, 0);
  48. transform: translate3d(0, -15px, 0);
  49. }
  50.  
  51. 90% {
  52. -webkit-transform: translate3d(0,-4px,0);
  53. transform: translate3d(0,-4px,0);
  54. }
  55. }
  56.  
  57. @keyframes bounce {
  58. from, 20%, 53%, 80%, to {
  59. -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  60. animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  61. -webkit-transform: translate3d(0,0,0);
  62. transform: translate3d(0,0,0);
  63. }
  64.  
  65. 40%, 43% {
  66. -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
  67. animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
  68. -webkit-transform: translate3d(0, -30px, 0);
  69. transform: translate3d(0, -30px, 0);
  70. }
  71.  
  72. 70% {
  73. -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
  74. animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
  75. -webkit-transform: translate3d(0, -15px, 0);
  76. transform: translate3d(0, -15px, 0);
  77. }
  78.  
  79. 90% {
  80. -webkit-transform: translate3d(0,-4px,0);
  81. transform: translate3d(0,-4px,0);
  82. }
  83. }
  84.  
  85. .bounce {
  86. -webkit-animation-name: bounce;
  87. animation-name: bounce;
  88. -webkit-transform-origin: center bottom;
  89. transform-origin: center bottom;
  90. }
  91.  
  92. @-webkit-keyframes flash {
  93. from,
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement