animation.css 916 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. @keyframes pulse {
  2. 0% {
  3. transform: scale(0); }
  4. 100% {
  5. transform: scale(0.5); } }
  6. @keyframes slidein {
  7. from {
  8. transform: translateX(0%); }
  9. to {
  10. transform: translateX(100%); } }
  11. @keyframes dropDown {
  12. from {
  13. transform: translateY(0%); }
  14. to {
  15. transform: translateY(100%); } }
  16. @keyframes translateAnimation {
  17. 0% {
  18. transform: translateX(0);
  19. /* Start translation */ }
  20. 50% {
  21. transform: translateX(200); }
  22. 100% {
  23. transform: translateX(500px);
  24. /* End translation */ } }
  25. @keyframes changeColor {
  26. 0% {
  27. fill: #b9ce00;
  28. /* Initial fill color */ }
  29. 100% {
  30. fill: #ff804d;
  31. /* Final fill color */ } }
  32. @keyframes changeColor2 {
  33. 0% {
  34. fill: #038788;
  35. /* Initial fill color */ }
  36. 100% {
  37. fill: #349a84;
  38. /* Final fill color */ } }
  39. @keyframes traceAppear {
  40. 0% {
  41. opacity: 0; }
  42. 80% {
  43. opacity: 0; }
  44. 100% {
  45. opacity: 1; } }