每个过渡属性的不同转换持续时间

Question

我想为每个过渡属性使用不同的持续时间.例如,对于宽度,我希望具有0.3s的转换和0.6s的高度.

CSS3有可能吗？

Answer 1

当然,您可以使用逗号分隔列表列出不同的过渡: transition: color 0.25s ease, border 1s linear

谢谢！是否可以在转换中将`transform：translateX（..）`与`transform：rotation（..）`分开？ (3认同)
不幸的是没有，因为“转换”被认为是一个捆绑的财产。可能有用的方法是将要转换的内容包装在几个包装器中，每个包装都需要用不同的方式转换。或者，使用javascript触发具有各自过渡和转换的类。 (3认同)

Answer 2

transition: width 0.3s, height 0.6s;

只需使用简写transition属性即可。不要忘记供应商前缀。