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 の違い。

推薦する

解析を実装するためにPostgreSQLデータベースを書き込むSQLスクリプト関数

この記事は主に、PostgreSQL データベースを記述して解析を実装する SQL スクリプト関数を...

Vueのカスタムディレクティブの詳細なガイド

目次1. カスタム指示とは何ですか? 2. 指示をカスタマイズする方法フック機能3. 応用シナリオ入...

検証例 MySQL | 同じ値を持つフィールドを更新すると、binlog に記録されます

1. はじめに数日前、開発仲間から、フィールドを同じ値に更新すると binlog が記録されるかどう...

Vueルーティングコンポーネントでパラメータを渡す8つの方法の詳細な説明

シングルページアプリケーションを開発する場合、特定のルートを入力し、パラメータに基づいてサーバーから...

Chrome 73 によるフレックスレイアウトの崩れの解析と解決方法

現象プロジェクトにはネストされたフレックス構造がいくつかあります。 <スタイル> /* ...

24 の実用的な JavaScript 開発のヒント

目次1.配列を初期化する2. 配列の合計、最大値、最小値3. エラー値をフィルタリングする4. 論理...

MySQL実行計画を学ぶ

目次1. 実施計画の概要2. 実行計画の実践id:選択タイプ:テーブル:タイプ:可能なキー:鍵:キー...

Dockerはプロセス操作を管理するためにSupervisorを使用する

Docker コンテナは、起動時に、たとえば ssh または apache デーモン サービスなどの...

Reactを使用する際の7つの落とし穴のまとめ

目次1. コンポーネントの肥大化2. 状態を直接変更する3. プロパティは数値を渡す必要があるが文字...

js はマウスインとマウスアウトによるカード切り替えコンテンツを実装します

この記事では、マウスでカード内外のコンテンツを切り替えるためのjsの具体的なコードを紹介します。具体...

Linux サービスでファイアウォールを有効にする 2 つの方法

方法は2つあります: 1. サービス方法ファイアウォールのステータスを確認します。 [root@ce...

MySQL 5.7.21 winx64 のインストールと設定方法のグラフィックチュートリアル

この記事では、MySQL 5.7.21のインストールに関する注意事項をまとめ、皆さんと共有します。 ...

メニューのホバー効果を実現するCSS3

結果: html <nav id="nav-1"> <a cl...

VMware 仮想マシンの 3 つの接続方法の例の分析

NATこのようにして、仮想マシンのネットワーク カードはホストの VMnet8 に接続されます。この...

CSS3を使用してオンラインライブ放送に似たキューアニメーションを実装する方法

以前、グループの友人が質問しました。つまり、ミニプログラムでユーザーがオンラインになったときに、ライ...