https://github.com/basemax/rippleeffectcss

Most Ripple tools just run an animation from a fix point, This tiny library provide a ripple effect which will run from any point the end-user do the action. (CSS + Pure JS)
https://github.com/basemax/rippleeffectcss

css css3 javascript js ripple ripple-animation ripple-effect ripple-lib ripplebutton

Last synced: 4 months ago
JSON representation

Most Ripple tools just run an animation from a fix point, This tiny library provide a ripple effect which will run from any point the end-user do the action. (CSS + Pure JS)

• Host: GitHub
• URL: https://github.com/basemax/rippleeffectcss
• Owner: BaseMax
• License: gpl-3.0
• Created: 2022-01-18T06:50:12.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2022-02-25T09:22:50.000Z (over 3 years ago)
• Last Synced: 2025-06-09T22:47:08.161Z (4 months ago)
• Topics: css, css3, javascript, js, ripple, ripple-animation, ripple-effect, ripple-lib, ripplebutton
• Language: HTML
• Homepage: https://basemax.github.io/RippleEffectCSS/demo.html
• Size: 38.1 KB
• Stars: 9
• Watchers: 2
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Ripple Effect CSS PureJS

Most Ripple tools just run an animation from a fix point, This tiny library provide a **ripple effect** which will run from any point the end-user do the action. (CSS + Pure JS)

Demo: https://basemax.github.io/RippleEffectCSS/demo.html



  


[![](demo.jpg)](https://basemax.github.io/RippleEffectCSS/demo.html)

[![](poster.jpg)](https://basemax.github.io/RippleEffectCSS/demo.html)

  


© Copyright 2021, Max Base