CSSトランジションショートハンドプロパティ
提供:Dev Guides
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; }