乗算などのブレンドモードはCSSの「mix-blend-mode」で解決


はじめまして、ロジカルスタジオでフロントエンドエンジニアをしておりますノテです。


早速ですが、この間、調子に乗っていて大ハマりしたことがあります。

例えば、このようなデザインデータがあったとして、




「うわあ。background-colorが透けてるように見えるぜ!opacity!opacity!」



と言いながらdivにopacityをかけてあげます。

ちなみにこの綺麗な盛りつけのサラダは僕が盛りつけたもので、謎に社内で酷評されていましたが、めげずに引っ張り出してきました。



それはおいておいて、余裕綽々とdivにopacityをかけてあげた結果がこちら。


続きはロジカルスタジオオフィシャルブログから!!

株式会社ロジカルスタジオ's job postings
10 Likes
10 Likes

Weekly ranking

Show other rankings
If this story triggered your interest, go ahead and visit them to learn more