出于某种原因,我无法让过渡工作。
当你穿过任何一个部分时,应该有一个过渡。代码就在那里,但它只适用于Chrome。
我做错了吗?
这只是无法发挥作用的过渡。
-webkit-transition-property: translateY, skew;
-webkit-transition-duration: 0.5s, 0.5s;
-webkit-transition-timing-function: ease-in-out, ease;
-webkit-transition-delay: 0.02s;
-moz-transition-property: translateY, skew;
-moz-transition-duration: 0.5s, 0.5s;
-moz-transition-timing-function: ease-in-out, ease;
-moz-transition-delay: 0.02s;
-ms-transition-property: translateY, skew;
-ms-transition-duration: 0.5s, 0.5s;
-ms-transition-timing-function: ease-in-out, ease;
-ms-transition-delay: 0.02s;
-o-transition-property: translateY, skew;
-o-transition-duration: 0.5s, 0.5s;
-o-transition-timing-function: ease-in-out, ease;
-o-transition-delay: 0.02s;
transition-property: translateY, skew;
transition-duration: 0.5s, 0.5s;
transition-timing-function: ease-in-out, ease;
transition-delay: 0.02s;
-webkit-transform: translateY(-210%) skew(60deg);
-moz-transform: translateY(-210%) skew(60deg);
-ms-transform: translateY(-210%) skew(60deg);
-o-transform: translateY(-210%) skew(60deg);
transform: translateY(-210%) skew(60deg);
答案 0 :(得分:2)
您应该使用transform
作为过渡属性。此外,您应该对前缀属性和值进行配对:
-prefix-transition-property: -prefix-transform;
transition-property: transform;
另外,请检查浏览器支持:http://caniuse.com/#search=transition%7Ctransform根据所需的浏览器支持,您可以删除一些前缀(最有可能是-webkit-
除外)。
答案 1 :(得分:0)
transition
中应包含transform
,而不是转化的各个组成部分。
请注意,目前您需要的唯一供应商扩展程序是-webkit-transform
。检查http://caniuse.com/是否兼容。