weui-animate.less 789 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. @import "../../base/fn.less";
  2. @keyframes slideUp {
  3. from {
  4. transform: translate3d(0, 100%, 0);
  5. }
  6. to {
  7. transform: translate3d(0, 0, 0);
  8. }
  9. }
  10. .weui-animate-slide-up {
  11. animation: slideUp ease .3s forwards;
  12. }
  13. @keyframes slideDown {
  14. from {
  15. transform: translate3d(0, 0, 0);
  16. }
  17. to {
  18. transform: translate3d(0, 100%, 0);
  19. }
  20. }
  21. .weui-animate-slide-down {
  22. animation: slideDown ease .3s forwards;
  23. }
  24. @keyframes fadeIn {
  25. from {
  26. opacity: 0;
  27. }
  28. to {
  29. opacity: 1;
  30. }
  31. }
  32. .weui-animate-fade-in {
  33. animation: fadeIn ease .3s forwards;
  34. }
  35. @keyframes fadeOut {
  36. from {
  37. opacity: 1;
  38. }
  39. to {
  40. opacity: 0;
  41. }
  42. }
  43. .weui-animate-fade-out {
  44. animation: fadeOut ease .3s forwards;
  45. }