注册 登录 充值会员 退出
毕业设计 PHP源码
充值

简单好看的CSS3按钮点击气泡动画特效

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2018-02-18
简单好看的CSS3按钮点击气泡动画特效
简单好看的CSS3按钮点击气泡动画特效,鼠标点击按钮出现气泡散开动画效果。


js代码

<script>
var animateButton = function(e) {

  e.preventDefault;
  //reset animation
  e.target.classList.remove('animate');
  
  e.target.classList.add('animate');
  setTimeout(function(){
    e.target.classList.remove('animate');
  },700);
};

var classname = document.getElementsByClassName("bubbly-button");

for (var i = 0; i < classname.length; i++) {
  classname[i].addEventListener('click', animateButton, false);
}
</script>