CSSトランジションショートハンドプロパティ
2つのCSS値をスタイルでシフトし、遷移の省略形で時間を節約します。
transition: margin-top 1s ease-in-out 0.5s;
これと同等です:
transition-property: margin-top;
transition-duration: 1s;
transition-timing-function: ease-in-out;
transition-delay: 0.5s;
すべての値に一度に影響を与えるプロパティとしてallを使用します。 コマを使用して、省略形で複数の遷移を定義します。
.box {
transition: margin-top 1s linear,
margin-bottom 0.5s cubic-bezier(0,1.18,.87,.32),
margin-left 2s;
}