ウェブサイトを元のリソースに影響を与えずにグレーに変更するテクノロジーはどれですか？

タイのブミボール・アデュラデジ王が失墜したため、タイの多くのウェブサイトはグレーのテーマに変更されました。しかし、右クリックして「新しいタブで画像を開く」をクリックすると、元のカラー画像が表示されます。動画でも色が変わります。そのために私はどのような技術を使うことができますか？ウェブサイトを元のリソースに影響を与えずにグレーに変更するテクノロジーはどれですか？

出典

2016-10-14 gongsun

注：あなたのリンクを削除しました。そのサイトはほとんどの国では利用できないため、このサイトのユーザーのほとんどがグレースケール効果を発揮するわけではありません。 –

RIP Bhumibol :( –

<body>タグにCSS filter propertyを追加するだけで簡単に追加できます。具体的には、filter: grayscale(100%);を追加します。

例は、スニペット：

.filtered { 
 
    filter:grayscale(100%); 
 
}

<p>No filter<br/> 
 
<img src="https://i.stack.imgur.com/vVury.png"> 
 
</p> 
 

 
<p class="filtered">Filtered<br/> 
 
<img src="https://i.stack.imgur.com/vVury.png"> 
 
</p>

これは、Internet ExplorerやOpera Miniのnearly all modern browsersでは動作しませんが。

出典

2016-10-14 05:01:10

これはCSS3を介して行われます。あなたがウェブサイトの<body>タグにこのCSSを追加する場合は、

filter:grayscale(1);

を使用してグレースケールには何も変換できる場合、これはグレーにWebサイト全体を向けるだろう。

出典

2016-10-14 06:25:55

ウェブサイトを元のリソースに影響を与えずにグレーに変更するテクノロジーはどれですか？

答えて

関連する問題