热门标签
当前位置: CSS > 正文
CSS3动画不适用于Mozilla Firefox
作者：代码领袖开发者 | 2022-10-30 15:12:27
赞
踩
css,html5,mozilla,css3,css-animations,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,unix时间戳,在线开发工具,前端开发工具,开发人员工具,站长工具
我试图使用CSS3使鸟的拍打效果keyframes.它在谷歌浏览器上工作正常.它似乎不适用于Mozilla Firefox.
这是我的小提琴
1> Matthew Darn..：
它可以使用-moz-animation: fly 0.2s steps(4) 10;.看起来firefox在缩短动画属性方面存在一些问题.
我不确定其他0应该用于什么,但除非我遗漏了某些内容,否则看起来不需要...
编辑:我在Chrome中验证了不需要额外的0:
.follow-button:hover {
-webkit-animation: fly 0.2s steps(4) 10;
-moz-animation: fly 0.2s steps(4) 10;
animation: fly 0.2s steps(4) 10;
}
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/blog/CSS/detail/6313
推荐阅读
- 如何解决《拥有一个同时执行2个CSS动画的元素》经验，为你挑选了1个好方法。javascript,css,webkit,css3,html,chrome,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,... [详细]
赞
踩
- css3中过渡和动画的区别是：过渡需要触发一个事件才会随着时间改变其CSS属性；动画在不需要触发任何事件的情况下，也可以随时间变化来改变元素CSS属性。css3,过渡,动画,css,DevBox,在线流程图,编程,编程问答,程序员,开发者工... [详细]
赞
踩
- 如何解决《如何删除空div》经验，为你挑选了2个好方法。html,css,css3,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,unix时间戳,在线开发工具,前端开发工具,开发人员工具,... [详细]
赞
踩
- 如何解决《Flexbox列按升序排列》经验，为你挑选了1个好方法。html,css,css3,flexbox,css-multicolumn-layout,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析... [详细]
赞
踩
- 如何解决《多个CSS背景,颜色超过图像,被忽略》经验，为你挑选了2个好方法。css,firefox,css3,background-color,https,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析... [详细]
赞
踩
- 如何解决《@media屏幕和(max-width:1024px)在CSS中意味着什么？》经验，为你挑选了5个好方法。css,css3,media-queries,iphone,ipad,go,DevBox,在线流程图,编程,编程问答,程序员... [详细]
赞
踩
- 如何解决《CSS否定伪类:父(祖先)元素的not()》经验，为你挑选了2个好方法。html,css,css-selectors,css3,jquery,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二... [详细]
赞
踩
- 如何解决《CSS透视不适用于Firefox》经验，为你挑选了2个好方法。css,firefox,google-chrome,css3,css-transforms,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,js... [详细]
赞
踩
- 如何解决《flex-grow何时切换到flex-shrink,反之亦然？》经验，为你挑选了1个好方法。css,css3,flexbox,容器,算法,https,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json... [详细]
赞
踩
- 如何解决《如何用CSS淡化div的边缘？》经验，为你挑选了2个好方法。css,css3,webkit,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,unix时间戳,在线开发工具,前端开发工... [详细]
赞
踩
- 如何解决《目前可用于边界半径的跨浏览器九补丁解决方案》经验，为你挑选了0个好方法。javascript,css,jquery,css3,nine-patch,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解... [详细]
赞
踩
- 如何解决《CSS和InternetExplorer不兼容》经验，为你挑选了1个好方法。css,css3,firefox,chrome,html,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成... [详细]
赞
踩
- 如何解决《使用css的多个3D文本阴影》经验，为你挑选了1个好方法。css,css3,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,unix时间戳,在线开发工具,前端开发工具,开发人员工具... [详细]
赞
踩
- 如何解决《如何指定在分页后重新出现的元素？》经验，为你挑选了1个好方法。css,html5,css3,php,html,容器,https,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,un... [详细]
赞
踩
- 如何解决《如何给IE提供CSS3支持？》经验，为你挑选了1个好方法。javascript,css,xhtml,jquery,css3,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,unix... [详细]
赞
踩
- 本文给大家分享的是使用jQuery结合CSS3制作的仿猎豹浏览器宽屏banner焦点图特效，代码很简单，效果却非常棒，而且兼容各大浏览器，这里推荐给大家，有需要的小伙伴参考下。jQuery,css3,banner,jquery,css,ja... [详细]
赞
踩
- 如何解决《Div高度100%格式化问题》经验，为你挑选了1个好方法。html,css3,css,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,unix时间戳,在线开发工具,前端开发工具,开... [详细]
赞
踩
- 如何解决《SVG和CSS3动画之间的差异和相似之处？》经验，为你挑选了1个好方法。svg,css3,css,javascript,html,xml,android,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,js... [详细]
赞
踩
- 如何解决《如何组合CSStext-shadow和"background-image:-webkit-gradient"》经验，为你挑选了1个好方法。html,css,text,gradient,css3,DevBox,在... [详细]
赞
踩
- 如何解决《InternetExplorer10和11中的边界半径显示问题》经验，为你挑选了0个好方法。css,internet-explorer,padding,css3,go,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,... [详细]
赞
踩
相关标签
