Icontem

Material Design styled ripple effect: Show the ripple effect on a given page element

Recommend this page to a friend!
     
  Info   View files Example   Demos   View files View files (4)   DownloadInstall with Composer Download .zip   Reputation   Support forum   Blog    
Last Updated Ratings Unique User Downloads Download Rankings
2015-05-18 (1 year ago) RSS 2.0 feedNot enough user ratingsTotal: 143 All time: 315 This week: 18Up
Version License JavaScript version Categories
rippleeffect 1.0.0MIT/X Consortium ...3.0Animation, HTML
Description Author

This object can show the ripple effect on a given page element similar to Google Material Design implementation.

It can listen to a given event, like for instance onclick, inside a given parent element.

The object can show the ripple effect on the element that received the listened event.

Innovation Award
JavaScript Programming Innovation award winner
May 2015
Winner

Prize: One downloadable e-book of choice by O'Reilly		 Material design is a design language created by Google provide better user experience by making user interfaces look more like when interacting with physical materials.

This JavaScript object provides a ripple effect implementation when clicking on page elements, similar to Google Material Design.

Manuel Lemos
Picture of Andras Toth
  Performance   Level  
Name: Andras Toth <contact>
Classes: 18 packages by
Country: Hungary Hungary

Level 4 StarStarStarStar

 Innovation award
Innovation award
Nominee: 14x

Winner: 9x

  ripple_effectExternal page  
  Files folder image Files  
File Role Description
Accessible without login Plain text file buttons.css Data stylesheet
Accessible without login Plain text file index.html Example example html
Accessible without login Plain text file ripple-effect.css Data stylesheet
Plain text file ripple-effect.js Class javascript

Downloadrippleeffect-2015-05-18.zip 3KB
Downloadrippleeffect-2015-05-18.tar.gz 2KB
Install with ComposerInstall with Composer
 Version Control Unique User Downloads Download Rankings  
 0%
Total:143
This week:0
All time:315
This week:18Up

  Applications that use this package  
No pages of applications that use this class were specified.

Add link image If you know an application of this package, send a message to the author to add a link here.