How to Create Material Design Ripple Effects with SVG
Codrops has written an in-depth tutorial on how to build the ripple effect outlined under Google Material Design’s Radial Action specification and combine it with the powers of SVG and GreenSock.
With the advent of Googleâ€™s Material Design came a visual language that set out to create a unified experience across platforms and devices. Googleâ€™s examples depicted through their Animation section of the Material Guidelines has become so identifiable in the wild that many have come to know these interactions as part of the Google brand. In this tutorial, they are going to show you one way of building the ripple effect specifically outlined under Radial Action of the Google Material Design specification by combining it with the powers of SVG and GreenSock.
Requirements: SVG and GreenSock
License: License Free