【margin / padding】余白の設定
みいと
おじさんのWEBデザイン学習まとめ
transitionプロパティを使用すると、トランジション関連のプロパティをまとめて設定することができます。
transitionプロパティの値は、半角スペースで区切って順不同で指定できます。
ただし、下記の点には注意してください。
実際にtransitionプロパティで複数の値を指定すると、このようになります。
#sample {
width: 150px;
height: 150px;
background-color: gray;
transition: background-color 3s 1s ease;
}
#sample:hover {
background-color: skyblue;
}
今回は、トランジション関連プロパティの一括設定についてまとめました。
トランジションには、複数のプロパティを設定することが多くなりそうなので、transitionプロパティで設定できるようになると便利そうです。