网站开发w亿玛酷1专注,最近几天发生的新闻大事,网站备案到期了怎么办,苏州做网站的专业公司哪家好需求#xff1a;需求就是实现点击图中的 “抽奖” 按钮#xff0c;实现一个按钮Q弹的放大缩小动画
上面是实现的效果#xff0c;pc端#xff0c;点击触发 :active
问题#xff1a;但是这种方式在模拟器上可以#xff0c;真机H5一调试就没生效了#xff0c;下面是简单… 需求需求就是实现点击图中的 “抽奖” 按钮实现一个按钮Q弹的放大缩小动画
上面是实现的效果pc端点击触发 :active
问题但是这种方式在模拟器上可以真机H5一调试就没生效了下面是简单的demo代码
img{width:100px;height:100px;background:red;
}
img:active {animation: shake 1s infinite;animation-iteration-count: 1;
}keyframes shake {0% {transform: scale(0.98);opacity: 0.9;}50% {transform: scale(1);opacity: 0.7;}100% {transform: scale(1);opacity: 1;}
}解决方案在页面body添加一个 ontouchstart
没错就是这么简单
body ontouchstart...
/body
