作成:2016/08/1 Web制作 > CSSのみでおしゃれなアニメーションを付与できるフレームワークやライブラリ。新しいものだけでなく、少し古いけど使えそうなものも掘り起こしてまとめました。 エンジニア速報は Twitter の@commteで配信しています。 画像フィルター 画像にフィルターとブレンド効果をかけ、今時の見え方にします。CSS3のfilterとmix-blend-modeを使い、要素の見え方を変更します。デモページ内の画像をクリックすることでクラス名をコピーできます。 img { mix-blend-mode: darken; } CSS の mix-blend-mode プロパティは要素の内容物と、下にある要素の内容物や要素の背景色ををどのようにブレンドするかを示します。 mix-blend-mode - CSS | MDN 使用例 <div class="blend
![CSSのみで実現させる、すごいアニメーションやフレームワークまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/9fb7baf4f80abb9bc087958e0b192a572ce28f06/height=288;version=1;width=512/https%3A%2F%2Fcommte.net%2Fwp-content%2Fuploads%2FPureCSSFramework.jpg)