UPDATE：2021.5.24
- CATEGORY
CSSのネタ帳～歪む角丸ひたすら回す～
実際のwebサイトに使いどころがあるかどうかは全く分からない…cssで歪む角丸をひたすら回す！
今回は「光の三原色」赤（Red）緑（Green）青（Blue）を重ねて回してみました。
じわじわ色が変化していきますよ
cssの「mix-blend-mode」プロパティで「screen」の効果を付け、光の三原色の加法混色を表現しています。
（IEは非対応です/2021.05）
ポイントは角丸（border-radius）の値をバラバラにすること。
そしてアニメーションの速度もそれぞれバラバラにしているので、重なり合う形がどんどん変化していくアニメーションになりました。
↓バラすとこうなっています
あまり激しくアニメーションさせるとさすがに目障りですが、
色合いやアニメーションの設定を工夫すればよいワンポイントになる…？かもしれないですね
▼歪む角丸編はこちら
～CSSのネタ帳～歪む角丸編
