Jump to content
Search Community

Satheesh

Members
  • Posts

    2
  • Joined

  • Last visited

Posts posted by Satheesh

  1. How do create wave animation for the below SVG image.

    <svg xmlns="http://www.w3.org/2000/svg" width="1440" height="163" viewBox="0 0 1440 163">
        <g fill="none" fill-rule="evenodd">
            <g fill="#FEFEFE">
                <g>
                    <g>
                        <path d="M 167 190 c 61.5 1.762 91.164 35.252 106.358 50.235 c 15.194 14.982 23.877 11.457 36.176 -9.696 c 12.3 -21.151 31.113 -22.913 39.795 -16.744 c 8.683 6.17 18.089 13.22 30.388 2.644 c 12.3 -10.576 33.282 -44.948 83.929 -26.44 c 50.648 18.508 69.458 8.814 75.97 -4.406 c 6.512 -13.22 13.748 -15.863 23.154 0 c 9.405 15.863 22.429 13.22 17.364 1.763 c -5.064 -11.457 -2.895 -44.066 40.517 8.813 c 56.65 9.288 103.65 17.288 200.65 0.288 c 77.417 -67.86 115.763 -55.523 110.699 -43.183 c -5.065 12.338 1.447 24.676 48.476 5.287 c 47.028 -19.389 78.141 -2.644 73.077 15.864 c -5.065 18.507 23.152 31.727 76.693 7.05 c 53.541 -24.678 73.076 -18.508 97.676 -6.17 c 24.6 12.339 32.56 37.015 109.975 25.558 c 45.088 -6.672 79.732 -8.062 108.172 -2.78 c 13.596 2.526 18.088 38.696 13.475 108.511 L 731.89 271 L 0.247 301 V 200.558 s 10.853 33.49 56.435 1.762 c 0 0 40.518 -40.54 116.318 -13.32 z" transform="translate(0 -923) translate(-213 -94) translate(198.203 879) matrix(-1 0 0 1 1458.076 0)"/>
                    </g>
                </g>
            </g>
        </g>
    </svg>

    image.thumb.png.1e40dc410db0be22af0cd4c0be485578.png

×
×
  • Create New...