詳解逆引きHTML+CSS辞典

アニメーション - 切り替え効果やアニメーションをまとめて指定したい

登録タグ
Icon comment count 0
Icon stock count 0

切り替え効果やアニメーションをまとめて指定したい

transition関連の値を一括で指定したい/animation関連の値を一括で指定したい

transitionプロパティ animationプロパティ 切り替え効果 トランジション アニメーション

切り替え効果に関連するプロパティ(名前が「transition-」ではじまるプロパティ)の値はすべて、transitionプロパティにまとめて指定することができます。同様に、アニメーションに関連するプロパティ(名前が「animation-」ではじまるプロパティ)の値はすべて、animationプロパティにまとめて指定することができます。

2013年11月時点では、切り替え効果やアニメーションを指定する際にはベンダープレフィックスをつけた指定も併記する必要がありますが、これらのプロパティを使用することでソースコードをすっきりさせ

出典情報

Medium

詳解逆引きHTML+CSS辞典

  • 著者: 大藤 幹

コメント

    コメントはありません