jQuery plugin recreates ripple and focus effect.
CSS JavaScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.gitattributes init Jul 16, 2014
.gitignore
.project version 1.0 init Jul 16, 2014
README.md readme Jul 23, 2014
index.html v1.1 Jul 23, 2014
main.js version 1.0 init Jul 16, 2014
ripple.js
style.css v1.1 Jul 23, 2014

README.md

#Google material design ripple effect

jQuery plugin recreates ripple and focus effect using css animations. A span element will be added as a sibling. This is then animated. In a later version I'll be using a SVG element to recreate the effects, but this will do just fine for now.

For a working preview click HERE.

How to use the plugin: Just as simple as this!

rippleOptions = {
		 	'elements' 	:'.btn, ul.ripple li a',
		 	'focus' 	:'.btn'
		 	};

rippleEffect = new $.RippleEffect(rippleOptions);

Apply ripple or focus elements using .classes or #id's