swirl.css 788 B

123456789101112131415161718192021222324252627
  1. .mblSwirl.mblOut {
  2. z-index: 0;
  3. -webkit-animation-duration: .5s;
  4. -webkit-animation-name: mblSwirlOut;
  5. -webkit-animation-timing-function: ease-in;
  6. }
  7. .mblSwirl.mblIn {
  8. z-index: -100;
  9. -webkit-animation-duration: .5s;
  10. -webkit-animation-name: mblSwirlIn;
  11. -webkit-animation-timing-function: ease-in;
  12. }
  13. .mblSwirl.mblOut.mblReverse {
  14. -webkit-animation-name: mblSwirlOutReverse;
  15. }
  16. @-webkit-keyframes mblSwirlOut {
  17. from { -webkit-transform: rotate(0deg) scale(1.0); }
  18. to { -webkit-transform: rotate(-360deg) scale(0.0); }
  19. }
  20. @-webkit-keyframes mblSwirlOutReverse {
  21. from { -webkit-transform: rotate(0deg) scale(1.0); }
  22. to { -webkit-transform: rotate(360deg) scale(0.0); }
  23. }
  24. @-webkit-keyframes mblSwirlIn {
  25. from { -webkit-transform: scale(1.0); }
  26. to { -webkit-transform: scale(1.0); }
  27. }