CSSアニメーションCSSアニメーション サンプル集の続編です。 1日1個30分、CSS3でアニメーションパーツをひたすら作り続けるというもの。 前回の記事からサンプルが増えてきたので、第二弾としてまとめました。 Rainbow Ring LoadingローディングアイコンはCSSアニメーションの練習テーマとしてベスト。 mix-blend-mode と fliter を駆使して、虹のような表現ができる。 See the Pen OnlyCSS: Rainbow Ring by Yusuke Nakaya (@YusukeNakaya) on CodePen. mix-blend-mode は、フロントエンドエンジニアとデザイナーの摩擦を改善する、超画期的なプロパティ。 もう乗算でもスクリーンでもなんでも来い! Night Rider Loading往年のナイトライダー風CSSローディング