首先,对不起,我的英语不好。这就是问题所在:我创建了一个粉丝制作的网络(仅用于练习html5和css3),我尝试放置一些动画。他们在Safari,Opera和chrome上工作,但在Mozilla Firefox中没有。
CSS代码是:
section figure img {
padding:4px;
margin: auto 5px;
background:white;
border-radius:20px;
-webkit-transition:-webkit-transform 0.3s ease-in-out 0.1s;
-moz-transition:-moz-transform 0.3s ease-in-out 0.1s;
box-shadow:white 5px 5px 10px;
}
它是动画之一,我想如果我能解决这个问题,我可以解决其他动画不起作用的问题。
感谢您的支持。 :)
您只使用两个带前缀的过渡属性,而忘记其余的。
试试这个:(并检查属性的浏览器支持)
section figure img {
padding:4px;
margin: auto 5px;
background:white;
border-radius:20px;
-webkit-transition:-webkit-transform 0.3s ease-in-out 0.1s;
transition:-webkit-transform 0.3s ease-in-out 0.1s;
transition:transform 0.3s ease-in-out 0.1s;
transition:transform 0.3s ease-in-out 0.1s, -webkit-transform 0.3s ease-in-out 0.1s;
-webkit-box-shadow:white 5px 5px 10px;
box-shadow:white 5px 5px 10px;
}