この方法は、CSS3の 次はコードです <p><strong>オリジナルアイコン</strong></p> <i class="icon icon-del"></i> <p><strong>色を変更できるアイコン</strong></p> <i class="icon"><i class="icon icon-del"></i></i> .アイコン { 表示: インラインブロック; 幅: 20px; 高さ: 20px; オーバーフロー: 非表示; } .アイコン削除{ 背景: url(delete.png) 繰り返しなし 中央; } .icon > .icon { 位置: 相対的; 左: -20px; border-right: 20px 透明の実線; -webkit-filter: ドロップシャドウ(#0033FF 20px 0); フィルター: ドロップシャドウ(#0033FF 20px 0); } 重要なポイントの1つは
元のアイコンを非表示にするために 要約する CSS3 フィルターを使用して PNG 画像の色を変更する方法についての記事はこれで終わりです。CSS を使用して PNG 画像の色を変更する方法についての関連コンテンツをさらにご覧になりたい場合は、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続きご覧ください。今後も 123WORDPRESS.COM をよろしくお願いいたします。 |
>>: サーバー上でjupyterノートブックを実行する問題を解決する
システム環境: Redis バージョン: 6.0.8 Docker バージョン: 19.03.12シ...
この記事では、参考までに、ズームインとズームアウトのドラッグ機能を実現するためのVueの具体的なコー...
多くのウェブサイトでは、入力ボックスにヒントテキストが表示されています。入力ボックスにヒントテキスト...
この記事では、MySQL 8.0.16 Win10 zip版のインストールと設定のグラフィックチュー...
1. 開発環境 vue+vant 2. コンピュータシステム Windows 10 Profess...
効果は以下のとおりです。 コードは次のとおりです (クリックすると展開してソース コードが表示されま...
目次序文1. Ingressの展開と構成2. httpsを使用する序文k8sクラスタサービスがデプロ...
Linux パーティションでよく使用されるコマンド: fdisk、MBR パーティション テーブルの...
この記事では、アコーディオン効果を実現するためのJavaScriptの具体的なコードを参考までに紹介...
序文これは、オンライン コンテナーの拡張によって発生した調査です。最終的には、実際の OOM が原因...
1. テーブルを作成する<br /> まず、2 つのテーブル (users テーブルと...
目次序文リスナーと計算プロパティの違いvue3 で watch を使用するにはどうすればいいですか?...
序文最初はCentOS8でwgetを使ってダウンロードし、解凍して環境変数を設定するつもりだったので...
MySQL では、REVOKE ステートメントを使用してユーザーの特定の権限を削除できます (ユーザ...
主に、Nginx で X-Frame-Options、X-XSS-Protection、X-Cont...