ymrl https://blog.hatena.ne.jp/ymrl/ freee Developers Hub https://developers.freee.co.jp/ Advent Calendar 2022 デザイナーブログ ピックアップ こんにちは、デザイナーだけどFigmaよりTypeScriptを触っている時間のほうが長いid:ymrl です。 この記事はfreee Developers Advent Calendarの2日目です。 CSSの mix-blend-mode 、なんだかカッコいい見た目のものを作るのに便利そうとずっと思っていたものの、 mix-blend-mode に何を指定したらどうなるのか想像しづらく、私は「当てずっぽうでいろんな値を入れてみていい感じになったのを使う」みたいな状態でずっと誤魔化していました。 なにせ MDNのmix-blend-modeのページに載っているサンプルがこれですよ。 MDNに… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fdevelopers.freee.co.jp%2Fentry%2Fcss-mix-blend-mode-kanzen-rikai-shitai" title="CSSのmix-blend-mode完全に理解したい - freee Developers Hub" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/y/ymrl/20221130/20221130145316.png Hatena Blog https://hatena.blog 2022-12-02 00:00:00 rich https://developers.freee.co.jp/entry/css-mix-blend-mode-kanzen-rikai-shitai 1.0 100%