CSS3 ミックスブレンドモードについて
- 2018/5/29
- CSS
CSS3でかなりいろいろなことができるようになってきました。
その中で「mix-brend-mode」なるスタイルがなかなか面白そうなので、まとめました。
MIX-BREND-MODEとは
Photoshopでいうところの描画モード（乗算、オーバーレイ等）の加工に近いものがCSSでできるというものです。
例
画像をpositionで重ねて、上に乗ってるピンクの画像にmix-brend-modeをかけます。
ピンクの画像に対して「mix-brend-mode:screen;」をかけました。
画像の間に入れておいた文字が色に合わせて浮かび上がりました。
画像加工の時によく見る効果ですね。
画像の加工をするスタイルは他のスタイルとの組み合わせが豊富で色々やってみるとおもしろいですね。
この著者の最新の記事
ピックアップ記事
-
2023/6/30
MayaとBlenderの競合についてMayaとBlenderは、映画やアニメーション制作の分野で広く使用されている競合するソフトウェア… -
2023/6/29
SEOとAIチャットボット：自動応答と検索エンジンの相互作用の最適化SEO（検索エンジン最適化）とAIチャットボットの組み合わせは、オンラインビジネスにおいて重要な役… -
2023/6/29
.htaccessファイルを活用したキャッシュ制御とパフォーマンスの最適化. htaccessファイルは、ウェブサイトのパフォーマンスとユーザーエクスペリエンスを向上させる… -
2023/6/29
.htaccessファイルを使ったIP制限とアクセス制御の方法. htaccessファイルは、ウェブサーバーで重要な役割を果たすファイルの一つです。 このファイ… -
SEO（検索エンジン最適化）は、オンラインビジネスの成功において非常に重要な要素です。 しかし、多…
