CSS - @starting-style

• トップ
• CSSリファレンス
• @starting-style

概要

説明

トランジション における開始時のスタイルを指定します。

使用例

独立ブロックとして記述する書き方と、他のブロックの中に記述する書き方があります。

.my-example:hover {
  opacity: 100%
}

@starting-style {
  .my-example:hover {
    opacity: 0%
  }
}

.my-example:hover {
  opacity: 100%
  @starting-style {
    opacity: 0%
  }
}

使い方の詳細は トランジション を参照してください。

関連項目

リンク

• https://drafts.csswg.org/css-transitions-2/#defining-before-change-style
• https://developer.mozilla.org/ja/docs/Web/CSS/@starting-style
• https://caniuse.com/mdn-css_at-rules_starting-style