Site icon WebArtDeveloper

CSS-ONLY RIPPLE EFFECT BUTTON

Author:

Made with:

About the code:

This is a nice and simple CSS-only toggle button with dynamic inverse text colour. The animated radial-gradient is achieved by scaling a pseudo element that sits in front of the text. The dynamic text colour uses mix-blend-mode: difference.

Compatible browsers: Chrome, Firefox, Opera, Safari

Dependencies:

Download Demo and Code
Exit mobile version