BinaryDevelop
  1. ホーム
  2. html

[解決済み] CSS3 アニメーションで Blink タグを模倣する

2022-04-24 15:43:05

質問

私は本当にjavascriptやテキスト装飾を使用せずに、昔ながらのスタイルでテキストの一部を点滅させたいと思います。

トランジションはなく、*blink*, *blink*, *blink*のみ!

とは異なります。 その質問 をお願いしているので ブリンキング 一方、他の質問のOPは、連続したトランジションなしで 置き換える ブリンキング 連続的なトランジションで

どのように解決するのですか？

初代Netscape <blink> は80％のデューティサイクルでした。これはかなり近いですが、実際の <blink> はテキストにしか影響しません。 

.blink {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

This is <span class="blink">blinking</span> text.

についての詳しい情報はこちらです。 キーフレームアニメーションはこちら .

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します