CSS 过渡速记属性

在样式中的两个CSS值之间切换,并使用过渡速记节省时间:

1transition: margin-top 1s ease-in-out 0.5s;

相当于:

1transition-property: margin-top;
2transition-duration: 1s;
3transition-timing-function: ease-in-out;
4transition-delay: 0.5s;

使用All作为属性可一次影响所有值。使用逗号以速记形式定义多个过渡:

1.box {
2  transition: margin-top 1s linear,
3  margin-bottom 0.5s cubic-bezier(0,1.18,.87,.32),
4  margin-left 2s;
5}
Published At
Categories with 技术
Tagged with
comments powered by Disqus