rajudhaka

Elementor wave animation Top

Jun 2nd, 2021
765
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. @-webkit-keyframes move_wave {
  2.     0% {
  3.         -webkit-transform: translateX(-5%);
  4.                 transform: translateX(-5%)
  5.     }
  6.     50% {
  7.         -webkit-transform: translateX(-15%);
  8.                 transform: translateX(-15%)
  9.     }
  10.     100% {
  11.         -webkit-transform: translateX(-5%);
  12.                 transform: translateX(-5%)
  13.     }
  14. }
  15. @keyframes move_wave {
  16.     0% {
  17.         -webkit-transform: translateX(-5%);
  18.                 transform: translateX(-5%)
  19.     }
  20.     50% {
  21.         -webkit-transform: translateX(-15%);
  22.                 transform: translateX(-15%)
  23.     }
  24.     100% {
  25.         -webkit-transform: translateX(-5%);
  26.                 transform: translateX(-5%)
  27.     }
  28. }
  29.  
  30. .new_wave .elementor-shape-top {
  31.     -webkit-animation: move_wave 15s linear infinite;
  32.             animation: move_wave 15s linear infinite;
  33. }
  34.  
  35.  
  36. .new_wave .elementor-shape-top {
  37.     width: 120%;
  38. }
RAW Paste Data