Question

首先，抱歉我的英语不好。这就是问题：即时创建一个粉丝制作的网页（仅用于练习html5和css3），我尝试放置一些动画。他们在safari，opera和chrome上工作，但在mozilla firefox中没有。

css代码是：

＆＃13;

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;
}

＆＃13;

它的动画之一，我想如果我能解决这个问题，我可以解决其他不动画的动画。

感谢您的支持。：）

Answer 1

您只使用两个带前缀的过渡属性而忘记其余属性试试这个：（and check the browser support of the property）

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;
}

moz过渡不起作用，但webkit是的

1 个答案: