CSS3 transition-delay属性のデフォルト値が単位なしの0であり無効である問題を解決します

CSS3 transition-delay属性のデフォルト値が単位なしの0であり無効である問題を解決します

今日は、CSS3 の transition-delay 属性のデフォルト値 0 に単位がないのは無効です [問題は解決済み] という問題を皆さんと共有したいと思います。お役に立てれば幸いです。

CSS3 の transition-delay はデフォルト値 0 を使用します。フロントエンド コードの仕様によれば、 padding: 0px; margin: 0px; ではなく、 margin: 0;padding: 0; などのように単位なしの 0 を使用するのが最適です。

そのため、transition-delay を使用したときに、transition-delay: 0; も使用したため、問題が発生しました。

写真に直接:

単位が指定されていない場合、デフォルト値は 0 になります。

単位が指定されていない場合は、デフォルト値 0 が使用されます。

長い間何度も確認していたら、自分の人生を疑い始めました。なぜユニットを追加したのかわかりません。実際に私が望んでいた効果が得られました。

デフォルト値0に単位を追加します

要約: 実際のところ、この 2 つの影響は大きな問題ではありません。しかし、実際にはまだ大きな違いがあります。アニメーション効果なので、動きが規則的で変なものでなければ許容範囲だと個人的には思います。ただし、実際のプロジェクトで transition-delay が使用され、ユーザーまたは企業にとって望ましい効果が得られなかった場合は、損失が利益を上回ります。 CSS3 の他の新しいプロパティでもこれが起こるかどうかは不明です。

これで、CSS3 transition-delay プロパティのデフォルト値 0 が無効にならない問題を解決する方法についての記事は終了です。CSS3 transition-delay プロパティに関するより関連性の高いコンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

<<:  Centos8環境でSSHポート番号を変更する方法

>>:  速度、読み込み、Web アプリケーションなどにおける div と table の違い。

推薦する

Vueライフサイクル機能の詳細な説明

目次ライフサイクル関数一般的なライフサイクルフックVue のインスタンス破棄について:要約するライフ...

MySql の知識ポイント: トランザクション、インデックス、ロックの原則、使用状況の分析

この記事では、トランザクション、インデックス、ロックなどの MySQL の知識ポイントの原理と使用法...

LinuxカーネルマクロContainer_Ofの詳細な説明

目次1. 構造体はメモリにどのように保存されますか? 2. container_ofマクロ3. 型4...

Vuex のモジュール化と名前空間の例のデモ

1. 目的:コードの保守が容易になり、さまざまなデータの分類が明確になります。 2. store/i...

選択/フォーカス時にすべてのオプションをリストする現在のより良い方法

開発中にこのような要件に遭遇したので、将来使用するために記録しました。需要背景キーボード ショートカ...

IE6 で幅と高さがおかしいバグ

図に示すように: しかし、IE6で表示すると、right:1px:になります。 IE6 には、幅と高...

アバター変更機能を実装するJavaScript

この記事では、アバター変更機能を実装するためのJavaScriptの具体的なコードを参考までに共有し...

中国の専門ではない:文化の違いの中でのウェブ開発

Web デザインと開発は大変な作業なので、少数の人だけを対象に設計しないでください。これは外国人が...

面白いウェブサイトをデザインするための方法とテクニック(写真)

他の人から「つまらない」とか「時代遅れ」というフィードバックを受けて、それを変更しようとしたのに、更...

Linuxでスクリーンショットを撮って編集するための最高のツール

メインのオペレーティング システムを Windows から Ubuntu に切り替えたとき、最初に考...

ホームページのデザインはウェブデザイナーのレベルを最もよく反映する

私がこれまで携わってきた多くのプロジェクトでは、基本的に避けられない悪循環がありました。それは、ホー...

LeetCode の SQL 実装 (197. 気温上昇)

[LeetCode] 197.気温上昇Weather テーブルが指定されている場合、前の日付 (昨...

HTMLの最適化によりWebページの速度が向上

明らかな HTML、隠された「公開スクリプト」 Web ページのダウンロード時間を短縮する鍵は、フ...

ウェブサイトに最も必要なのは、ターゲットユーザーグループのエクスペリエンスを向上させることです。

「大河は東に流れ、波は歴代の英雄たちを洗い流した。古城の西側は三国時代の周朗の赤壁だと言われている...

Tomcat の maxPostSize 設定に関する問題と注意事項

1. maxPostSize を設定する理由は何ですか? tomcat コンテナには送信データのサイ...