/ripples

Pretty animations with just CSS

Primary LanguageSCSS

Ripples

This is a cool little mixin I made in SCSS for button animations. Hover over the buttons to see the magic! I hope you like it and I hope it comes in handy for you! Check out the codepen to see Ripples in action

Usage

  • Clone this repo or download the mixins and functions folders found in the src folder

  • Import these into your stylesheet. An example of doing this can be found here

  • You can now go ahead & start adding animations with one line of code to any elements you wish!

Example

button { @include ripples(#FEFEFE, 20, 50) }