1. ホーム
  2. Web制作
  3. CSS

[css3]CSS3のtransition-delayプロパティのデフォルト値0を単体で失敗しないように修正。

2022-02-03 07:38:14

今日、ラブシェアはCSS3 transition-delay property default value 0 without unit failure【問題解決】をお届けします、お役に立てれば幸いです。

CSS3のtransition-delayは、デフォルト値として0を使用しています。本来、フロントエンドのコード仕様によると、0はmargin: 0; paddingのように単位なしで使用するのがベストと言われています。0;などのように、単位を付けずに使用するのが良いとされています。paddingの代わりに 0px; margin: 0px とします。

そこで、transition-delayを使うときに、transition-delayも使ってみました。0; としたら問題が発生しました。

画像に直行。

デフォルトの0は、単位を書かずに直接使用します

デフォルトの0エフェクトは、単位を書かずに直接使用します。

何度も何度も確認しているうちに、自分の人生を疑うようになり、なぜ単位を追加したのかわからなくなりました。思い通りに動いた。

初期値である0に単位を追加

まとめますと。この2つの効果は、実は大したことはありません。しかし、実は大きな違いがあるのです。動的な効果なので、規則正しく動いていれば、不気味でなければ許容範囲だと思うのです。しかし、実際のプロジェクトでトランジションディレイを使用した場合、ユーザーや企業が求める効果が得られないと、機能しなくなるのです。CSS3の他の新しいプロパティでもこのようなことが起こるかどうかは不明です。

CSS3 transition-delayプロパティのデフォルト値0の問題を単体で失敗せずに解決する記事は以上ですが、より関連するCSS3 transition-delayプロパティの内容はスクリプトハウスの過去記事を検索するか、引き続き以下の関連記事を閲覧してください、今後もよりスクリプトハウスを応援していただけると幸いです