为了账号安全,请及时绑定邮箱和手机立即绑定

CSS3 抖动效果 google浏览器效果 移植问题

CSS3 抖动效果 google浏览器效果 移植问题

翻过高山走不出你 2018-12-06 16:21:58
场景:   点击其他地方 div 抖动 查看了他的 点击添加css样式pulse  如图:   css文件路径chrome://resources/css/overlay.css有段 /* keyframes used to pulse the overlay */ @-webkit-keyframes pulse { 0% { transform: scale(1); } 40% { transform: scale(1.02); } 60% { transform: scale(1.02); } 100% { transform: scale(1); } } .overlay .page.pulse { -webkit-animation-duration: 180ms; -webkit-animation-iteration-count: 1; -webkit-animation-name: pulse; -webkit-animation-timing-function: ease-in-out; } 怎么我移植到我 (body 点击的时候给div 添加这个样式)的项目中添加这个css就无效呢?问题出现在?   js代码: $(document).click(function() { objData.configForm.addClass("pulse"); setTimeout(function() { objData.configForm.removeClass("pulse"); },2000); //alert(); });
查看完整描述

1 回答

?
梵蒂冈之花

TA贡献1900条经验 获得超5个赞

在keyframes前面加个@
查看完整回答
反对 回复 2018-12-09
  • 1 回答
  • 0 关注
  • 426 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信