画像の色を変更するための純粋なCSS
|
画像の色を変更するための CSS テクニックは非常にシンプルです。具体的なコードは次のとおりです。 ヒント: JPG、PNG、GIFはすべてOKですが、前提条件として、純粋な黒色と白い背景が必要です。
.pic1 {
背景画像: url($img), 線形グラデーション(#f00, #f00);
背景ブレンドモード: 明るくする;
背景サイズ: カバー;
}要約する 上記は、私が紹介した画像の色を変更するための純粋な CSS テクニックです。お役に立てれば幸いです。ご質問がある場合は、メッセージを残してください。すぐに返信いたします。また、123WORDPRESS.COM ウェブサイトをサポートしてくださっている皆様にも感謝申し上げます。 |
<<: Apache SkyWalking アラーム設定ガイドの詳細な説明
>>: Dreamweaver で Zen コーディングを使用する方法
推薦する
ARM64アーキテクチャでmysql5.7.22をインストールするプロセス全体
MySQLダウンロードアドレス: https://obs.cn-north-4.myhuaweicl...
htmlハイパーリンクaのクリックイベントの後、hrefで指定されたアドレスにジャンプします。
場合によっては、ジャンプを完了するために href の代わりにハイパーリンク <a> を...
ログインボックスのメールプロンプトを実装するネイティブJS
この記事では、登録またはログイン時に電子メール アドレスを入力する際のドロップダウン プロンプトのネ...
Linuxでkv設定ファイルを変更するにはsedコマンドを使用します
sed は Unix の文字ストリーム エディタ、つまりストリーム エディタです。行指向であり、行単...
ウェブサイトがhttpsを有効にした後のSSLのセキュリティ構成と検出
最近のウェブサイトでは SSL を有効にするのが標準となっています。ただし、SSL を設定した後も、...
div+cssとウェブ標準ページの利点
div 要素は、HTML ドキュメント内のブロックレベル コンテンツの構造と背景を提供するために使用...
CSS スティッキー配置位置の詳細な説明: スティッキー問題の落とし穴
前書き: position:sticky は CSS ポジショニングの新しい属性です。相対ポジショニ...
MySQLにおけるSQLの実行順序についてのちょっとした質問
今日、仕事中に左結合に関するSQLの問題に遭遇しました。後で解決しましたが、この問題を通じてSQLの...
「@INC で ExtUtils/MakeMaker.pm が見つかりません」というエラーを解決する
mha4mysql をインストールする場合の手順は、おおよそ次のようになります: unzip、per...
Linuxアカウントファイル制御管理の詳細な手順
Linux システムでは、ユーザーが手動で作成したさまざまなアカウントに加えて、システムまたはプログ...
MySQL 8.0.16 winx64 のインストールと設定方法のグラフィックチュートリアル (win10 の場合)
この記事では、MySQL 8.0.16 winx64のインストールと設定の具体的な方法を記載します。...
PXEを使用してCentOS7.6を自動的にインストールする方法の詳細なチュートリアル
1. 需要ベースには 300 台の新しいサーバーがあり、CentOS7.6 オペレーティング システ...
CSSスクロールバーのスタイルをカスタマイズする方法の詳細な説明
この記事では、CSS スクロールバー セレクターを紹介し、Webkit ブラウザーと IE ブラウザ...
JavaScript のクロージャの問題の詳細な説明
クロージャは、純粋関数型プログラミング言語の伝統的な機能の 1 つです。クロージャをコア言語構造の不...
HTML ウェブページにおけるさまざまなフォント形式の詳細
このセクションでは、テキストの変更の詳細から始めます。これにより、読者はさまざまな HTML フォン...