animations.less 832 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. .vamtam-animated {
  2. animation-duration: .5s;
  3. animation-fill-mode: both;
  4. // animation-timing-function: ease-out;
  5. }
  6. @keyframes vamtam-fadein-title {
  7. from {
  8. opacity: 0.9;
  9. }
  10. to {
  11. opacity: 0.3;
  12. }
  13. }
  14. @keyframes vamtam-zoomin {
  15. from {
  16. opacity: 0;
  17. transform: scale3d(.3, .3, .3);
  18. }
  19. 50% {
  20. opacity: 1;
  21. }
  22. }
  23. .vamtam-zoomin {
  24. animation-name: vamtam-zoomin;
  25. }
  26. @keyframes vamtam-zoomout {
  27. from {
  28. opacity: 1;
  29. }
  30. 50% {
  31. opacity: 0;
  32. transform: scale3d(.3, .3, .3);
  33. }
  34. to {
  35. opacity: 0;
  36. }
  37. }
  38. .vamtam-zoomout {
  39. animation-name: vamtam-zoomout;
  40. }
  41. @keyframes vamtam-fadein {
  42. from {
  43. opacity: 0;
  44. }
  45. to {
  46. opacity: 1;
  47. }
  48. }
  49. .vamtam-fadein {
  50. animation-name: vamtam-fadein;
  51. }
  52. @keyframes vamtam-fadeout {
  53. from {
  54. opacity: 1;
  55. }
  56. to {
  57. opacity: 0;
  58. }
  59. }
  60. .vamtam-fadeout {
  61. animation-name: vamtam-fadeout;
  62. }