templates/default/scrolling_numbers/widget_css.html.twig line 1

Open in your IDE?
  1. <style>
  2. #odometer1.odometer-animating-up .odometer-ribbon-inner, #odometer1.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  3. -webkit-transition-duration: 4s !important;
  4. -moz-transition-duration: 4s !important;
  5. -ms-transition-duration: 4s !important;
  6. -o-transition-duration: 4s !important;
  7. transition-duration: 4s !important
  8. }
  9. #odometer2.odometer-animating-up .odometer-ribbon-inner, #odometer2.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  10. -webkit-transition-duration: 2s !important;
  11. -moz-transition-duration: 2s !important;
  12. -ms-transition-duration: 2s !important;
  13. -o-transition-duration: 2s !important;
  14. transition-duration: 2s !important
  15. }
  16. #odometer3.odometer-animating-up .odometer-ribbon-inner, #odometer3.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  17. -webkit-transition-duration: 3s !important;
  18. -moz-transition-duration: 3s !important;
  19. -ms-transition-duration: 3s !important;
  20. -o-transition-duration: 3s !important;
  21. transition-duration: 3s !important
  22. }
  23. #odometer4.odometer-animating-up .odometer-ribbon-inner, #odometer4.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  24. -webkit-transition-duration: 4s !important;
  25. -moz-transition-duration: 4s !important;
  26. -ms-transition-duration: 4s !important;
  27. -o-transition-duration: 4s !important;
  28. transition-duration: 4s !important
  29. }
  30. #odometer5.odometer-animating-up .odometer-ribbon-inner, #odometer5.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  31. -webkit-transition-duration: 2s !important;
  32. -moz-transition-duration: 2s !important;
  33. -ms-transition-duration: 2s !important;
  34. -o-transition-duration: 2s !important;
  35. transition-duration: 2s !important
  36. }
  37. #odometer6.odometer-animating-up .odometer-ribbon-inner, #odometer6.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  38. -webkit-transition-duration: 3s !important;
  39. -moz-transition-duration: 3s !important;
  40. -ms-transition-duration: 3s !important;
  41. -o-transition-duration: 3s !important;
  42. transition-duration: 3s !important
  43. }
  45. /* The animation code */
  46. @keyframes example {
  47. from {color: black; font-size: 16px;}
  48. to {color: red; font-size: 20px;}
  49. }
  51. /* The element to apply the animation to */
  52. #hundred-percent {
  53. animation-name: example;
  54. animation-delay: 3s;
  55. animation-duration: 1s;
  56. animation-fill-mode: forwards;
  57. }
  59. /* The animation code */
  60. @keyframes desktop-satisfaction {
  61. from {color: black; font-size: 24px;}
  62. to {color: red; font-size: 28px;}
  63. }
  65. /* The element to apply the animation to */
  66. #hundred-percent-desktop {
  67. animation-name: desktop-satisfaction;
  68. animation-delay: 3s;
  69. animation-duration: 1s;
  70. animation-fill-mode: forwards;
  71. }
  72. </style>