scaleOut.css 793 B

123456789101112131415161718192021222324252627282930313233
  1. .mblScaleOut.mblOut {
  2. z-index: 0;
  3. -webkit-animation-duration: .5s;
  4. -webkit-animation-name: mblScaleOutOut;
  5. -webkit-animation-timing-function: ease-in;
  6. }
  7. .dj_android .mblScaleOut.mblOut {
  8. -webkit-animation-name: mblScaleOutOutAndroid;
  9. }
  10. .mblScaleOut.mblIn {
  11. z-index: -100;
  12. -webkit-animation-duration: .5s;
  13. -webkit-animation-name: mblScaleOutIn;
  14. -webkit-animation-timing-function: ease-in;
  15. }
  16. @-webkit-keyframes mblScaleOutOut {
  17. from {
  18. -webkit-transform: scale(1.0);
  19. opacity: 1;
  20. }
  21. to {
  22. -webkit-transform: scale(0.0);
  23. opacity: 0;
  24. }
  25. }
  26. @-webkit-keyframes mblScaleOutOutAndroid {
  27. from { -webkit-transform: scale(1.0); }
  28. to { -webkit-transform: scale(0.0); }
  29. }
  30. @-webkit-keyframes mblScaleOutIn {
  31. from { -webkit-transform: scale(1.0); }
  32. to { -webkit-transform: scale(1.0); }
  33. }