Saved!

ripple effects for buttons - Kh23M1OD

css ripple effects for buttons

css ripple effects for buttons

  
<h1>Material Design Buttons</h1>
<h3>Just add the class ripple to anything and use the "data-ripple-color" property to set the ripple color</h3>

<div class="btn default xxl ripple-effect">button</div>
<div class="ripple-effect"></div>
<div class="ripple-effect"></div>
 
<div class="bgp p20">
	  <div class="btn primary db ripple-effect">primary</div>
</div>
	

  <div class="col-100-max p20">
	
<p class="notification success ripple-effect">
	This a important message
</p>
<p class="notification danger ripple-effect">
	This a important message
</p>
<p class="notification info ripple-effect">
	This a important message
</p>
<p class="notification warning ripple-effect">
	This a important message
</p>
<p class="notification primary ripple-effect">
	This a important message
</p>

</div>    
  
Meta
http://codesheet.org/placehold-img/?width=300&height=250&color=33aaff&text=&textcolor=

Quick add:

× Clear

Add Stylesheets

normalize.css
reset.css
nice.css
/> CodeSheet UI
Font Awesome
Bootstrap
Foundation
Animate

Add External JavaScript

jQuery 3.1.0
jQuery UI
Bootstrap
Angular

Add Google Fonts

Dosis
Exo+2
Lato
Lobster
Open+Sans
Open+Sans+Condensed
Oswald
Playfair+Display
Quicksand
Raleway
Rochester
Roboto
Roboto+Condensed
Roboto+Mono
Shadows+Into+Light
Ubuntu
Arvo
Indie Flower
Merriweather
Pacifico
Sedgwick Ave
Sedgwick Ave Display
html
css
js