次の背景画像を持つ div があるとします。 次の反射効果を作成します。 方法はたくさんありますが、もちろん最も速くて便利な方法を見つける必要があります。少なくとも、画像がどのように変更されたり、 方法 1: -webkit-box-reflect これは非常に新しい CSS プロパティであり、使い方が非常に簡単で、コンテンツをあらゆる方向に反映できます。しかし、互換性はあまりにも劣っています。 基本的に、-webkit- カーネルを搭載したブラウザのみがこれをサポートします。 しかし、使用すると本当に便利です。解決策は次のとおりです。 しかし、使用すると本当に便利です。解決策は次のとおりです。 div{ -webkit-box-reflect: 以下; } 方法2: 継承、継承の使用 この質問は主に、互換性に優れたこの方法を紹介するためのものです。 親の値を継承する div:前{ コンテンツ: ""; 位置: 絶対; 上: 100%; 左: 0; 右: 0; 下部: -100%; 背景画像: 継承; 変換: rotateX(180deg); } 要約する CSS プロパティの継承方法についてはこれで終わりです。CSS 継承に関するより詳しい内容については、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続きご覧ください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 |
<<: Dockerコンテナでは、イメージを簡素化してサイズを縮小する方法を詳しく説明しています
>>: テキストエリアのテキストをHTMLに変換する方法、つまり復帰改行について
プロジェクトでは、さまざまな条件や使用シナリオを制御するために、docker-compose.yml...
I. はじめにまず、MySQL のバージョンについて説明します。 mysql> バージョンを選...
Dockerの主な機能は何ですか?現在、Docker には少なくとも次のアプリケーション シナリオが...
この記事の例では、WeChatアプレットで画像コントロールを選択するための具体的なコードを参考までに...
導入MySQL InnoDB エンジンがレコードをクエリし、インデックス カバレッジを使用できない場...
最近のプロジェクトでは、Google ロボット認証を使用する必要があります。これには VPN が必要...
目次利点1: diffアルゴリズムの最適化利点2: ホイスト静的静的リフティング利点3: cache...
目次2. フィールドの連結2. MySQL関数の例をいくつか挙げてください。 2.1 シンボル処理2...
CSSは複数のクラスにマッチする次の HTML タグ li、クラスはオープン スタイルです。私の要件...
オンライン ビジネスにとってデータの一貫性と整合性が重要であることは明らかです。データが失われないよ...
目次MySQL の基本的な共通コマンド1. SQL文2. テーブルを作成する3. フィールドのプロパ...
Windows 2008 Serverのサブドメインを親ドメインに参加させると、「ドメインは既に存...
ロックの分類:データ操作の粒度から:テーブルロック:操作時にテーブル全体がロックされます。行ロック:...
目次マスタースレーブレプリケーションメカニズム非同期レプリケーション準同期レプリケーションマスタース...
ユニアプリアプレットはWeChatでも同様のドロップダウン問題を抱えることになる解決策は、app.v...