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

推薦する

Dockerを使用してAngularプロジェクトをデプロイする方法

Docker を使用して Angular プロジェクトをデプロイする方法は 2 つあります。1 つは...

JavaScriptにおける評価戦略の詳細な説明

目次それを覆う栗パラメータの受け渡し値渡し共同配送要約する拡張機能 - 遅延評価私は最近、JavaS...

PDO を使用して SQL インジェクションを防ぐ原理の分析

序文この記事では、SQL インジェクションを回避するために pdo の前処理メソッドを使用します。詳...

MySQLの始め方から諦め方まで徹底解説 - インストール

学ぶ内容1. ソフトウェアのインストールとサーバーの設定。 2. (オプションですが、強くお勧めしま...

Hadoop を使用せずに Linux 環境に Spark のスタンドアロン バージョンをインストールする方法

ビッグデータはますます注目を集めており、ビッグデータのいくつかの構成要素に精通していないと、自慢でき...

MySQLデータベースイベントスケジュール実行タスクの詳細な説明

1. 背景プロジェクトの業務が進むにつれて、データベース テーブルの数がどんどん大きくなり、ハードデ...

CSS を使用して固定左列と適応右列の 2 列レイアウトを実現する 4 つの方法

1. フロート+オーバーフロー:非表示このメソッドは主にオーバーフローを通じて BFC をトリガーし...

MySQL ツリー構造テーブルの設計と最適化に関する簡単な説明

序文多くの管理・オフィスシステムでは、ツリー構造がいたるところで見られます。たとえば、「部門」や「機...

MySQL の group by に関する簡単な説明

目次1. はじめに2. ユーザーテーブルを準備する2.1 グループ化ルール2.2 グループの使用2....

Dockerはrabbitmqのサンプルコードをインストールして実行します

イメージをプルします: [mall@VM_0_7_centos ~]$ sudo docker pu...

MySql データベースにおける単一テーブル クエリと複数テーブル結合クエリの効率の比較

この間、プロジェクトに取り組んでいるときに、データ間の接続が非常に複雑なモジュールに遭遇しました。テ...

CSS ワールド - コード実践: 画像の Alt 情報の表示

ただし、デフォルトの src を持つ <img> 要素を使用してスクロール読み込み効果を...

MySQL5.7 シングルインスタンス自動起動サービスの設定プロセス

1.MySQLのバージョン [root@clq システム]# mysql -v MySQL モニター...

jsはショッピングウェブサイトの商品の拡大鏡効果を実現します

この記事では、ショッピングサイトの商品の拡大鏡効果を実現するためのjsの具体的なコードを紹介します。...

Linux ソフトウェアのインストール場所を確認する簡単な方法

1. ソフトウェアのインストールパスを確認します。 Linuxソフトウェアをインストールできる場所は...