サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
掃除・片付け
onedarling.site
どうも上かるびです。 案件でmix-blend-modeを使ったのですが、わりと時間を溶かした&参考記事があまりなかったので共有しておきます。 デモ:固定ヘッダーのmix-blend-mode ヘッダーは透過。ロゴとハンバーガーメニューをmix-blend-mode(プロパティは反転のdifference)かけたい、という想定です。 とりあえずデモをご覧ください。(デザインや画像などは簡単に済ませました) DEMO デモで使用したコード 続いて解説、といきたいところですが、 「こちとら急いでるんや!いいからコードだけコピペさせてくれ!」という方もいると思いますので、まずはデモのコードを載せておきます。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compati
このページを最初にブックマークしてみませんか?
『onedarling.site』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く