[js/jQuery] Ripple animation as seen google material design

Google Material design 의 물결 애니메이션 jQuery Plugin

구글 Material design 에서 볼 수 있는 클릭 이벤트 피드백 에니메이션(물결)을 구현해봤습니다.
역시 업무에 필요해서..

jQuery plugin 형태로 만들었기 때문에 적용하고 싶은 element 에 jQuery 함수를 입히면 됩니다.
언제나 그랬듯이 별거 없는 코드입니다.

Demo & Source codes

데모는 https://jsfiddle.net/rootbox/bz47o13s/
코드는 https://github.com/rootbox/ripple-click-animation
에서 보실 수 있습니다.

Live preview

 

2 Replies to “[js/jQuery] Ripple animation as seen google material design

  1. 허허허 RSS Feed에 굉장히 익숙한 그리고 오랜만의 블로그에 feed가 걸려있길래 와봤습니다.
    이게 얼마만의 포스팅인가요!!!

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.