コピペで使える! CSSで凝った背景を作るサンプル集
まずCSS Gradients with background-blend-modeにアクセスしましょう。
このように「background-blend-mode」を使ったサンプルが用意されています。CSSが表示されていますが、値を変更するとその場で適用された背景を閲覧できますよ。
サンプル集の下部には、実際に画像を使用した場合とのファイルサイズの違いが比較されています。CSSだけで実現するほうが圧倒的にファイルサイズが軽くなりますね。ウェブデザイナーの方はぜひ学習の参考に使ってみてください。
CSS Gradients with background-blend-mode
(カメきち)
- 基礎から覚える、深く理解できる。 Webデザインの新しい教科書
- こもり まさあき,赤間 公太郎|エムディエヌコーポレーション