Css-Only Ripple Effect Button
See the Pen Css-Only Ripple Effect Button by liamj (@liamj) on CodePen.
Css-Only Ripple Effect Button
Description: A 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.
Browsers: Chrome Firefox Opera Safari
Made with: HTML CSS (SCSS)
Posted: 3.01.2019