zoomInUp.css 399 B

123456789101112131415161718
  1. @keyframes zoomInUp {
  2. from {
  3. opacity: 0;
  4. transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
  5. animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  6. }
  7. 60% {
  8. opacity: 1;
  9. transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  10. animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  11. }
  12. }
  13. .zoomInUp {
  14. animation-name: zoomInUp;
  15. }