ウェブページを白黒に変換します（Google、Firefox、IE、その他のブラウザと互換性があります）
|
CSSファイルに書き込む コードをコピー コードは次のとおりです。01.html {グレイスケール（100％）; ttp：//www.w3.org/2000/svg \ '> <フィルターId = \' Grayscale \ '> <fecolormatrix type = \' matrix \ 'values = \' 0.3333 > </filter> </svg> #grayscale "）; filter：progid：dmimagetransform.microsoft.basicimage（grayscale = 1）; -webkit -filter：grayscale（1）;} 実際には、グレーフィルターを追加することです |
<<: CSS3 rgb と rgba (透明色) の使い方の詳しい説明
>>: HTML の META タグの使用に関するヒントの例
推薦する
CSS3で作られたレインボーボタンスタイル
結果： 実装コード: html <div class="buttons"&...
MySQLクエリインターセプトの詳細な分析
目次1. クエリの最適化1. MySQLチューニングの概要2. 小さなテーブルが大きなテーブルを動か...
Docker での MySQL 8.0.20 のインストールと設定のチュートリアル
Dockerは参考までにMySQLバージョン8.0.20をインストールします。具体的な内容は以下のと...
innodb_flush_method 値メソッド (例の説明)
innodb_flush_methodのいくつかの典型的な値 fsync: InnoDB は fs...
Docker コンテナ アプリケーションで避けるべき 10 の悪い習慣
コンテナが企業の IT インフラストラクチャに欠かせない要素となっていることは間違いありません。コン...
MySQL 最適化 query_cache_limit パラメータの説明
クエリキャッシュ制限query_cache_limit は、単一のクエリで使用できるバッファ サイズ...
JavaScriptでカレンダー効果を素早く実装
この記事では、カレンダー効果を素早く実現するためのJavaScriptの具体的なコードを例として紹介...
ウェブデザインスキル：中国語と英語が混在するウェブページの上位表示の問題
<br />私はこの問題で気が狂いそうです。症状は次のとおりです。 症状の説明: Int...
Reactの二次連携を実現する方法
この記事では、二次リンクを実現するためのReactの具体的なコードを参考までに共有します。具体的な内...
モバイルデバイスで 1 ピクセルの境界線の問題を解決するいくつかの方法 (5 つの方法)
この記事では、モバイルデバイス上の 1 ピクセルの境界線の問題を解決する 5 つの方法を紹介します。...
jsを使って簡単な計算機を作る
この記事では、jsで簡単な計算機を作成する具体的なコードを参考までに共有します。具体的な内容は次のと...
Vue プロジェクトで SVG コンポーネントをパッケージ化して構成する手順
最近新しい会社に入社しました。プロジェクトに携わった後、タイトルアイコンが svg で作られていると...
Linux のハードリンクとソフトリンクの区別
Linux には、2 種類のファイル接続があります。1 つは Windows のショートカットに似て...
Vueはカウンターのシンプルな生成を実装します
この記事では、Vueカウンターの簡単な実装コードを例として紹介します。具体的な内容は以下のとおりです...
Vue3 を使用して虫眼鏡効果を実現する方法の例
目次序文1. カプセル化の重要性2. どのようにカプセル化しますか? 1. 準備2. 梱包を開始する...