Soft Ripple + Hover Effect on Buttons
A soft-ripple-animation button animation with hover effect in @AdobeXD What do y'all think? 🍀
What is a soft ripple? 🤔 A soft ripple imitates ripples of water. It expands outwards incrementally from an initial state to a final state. 🌊
đź–ŚEffects used : Concentric Ring aka Circle+Mask,
Auto-Animate, Hover State
🏆Bonus Tip : For multiple ripple effect, try more number of concentric rings.
Thanks for Watching! 🥰 Your feedback is important. Drop a like, suggest improvements. I’m listening with my eyes open!
Also, sending out freebies and video resources if you're interested in experimenting.
đź”—Freebie: [ https://github.com/grlwholifts/cuddly-invention/blob/master/micro-animations/soft-ripple-button/Freebie%20-%20Soft%20Ripple%20Animation.xd ]
đź”—Video resources:
- Designing Ripple Buttons by @punitweb
[ https://youtube.com/watch?v=jfrdX3tAbkk ]
- How to Create a Button Hover by @CalerEdwards
[ https://youtube.com/watch?v=9zmk41KxgaQ ]