【CSS】水面の波紋アニメーション - Little Strange Software

どうも！LSSです！！ 梅雨ネタのCSSアニメをひとつ、考えてみました。 水面の波紋アニメーション コード radial-gradientが４つ並んでいますが 水面の波紋アニメーション コード <style> @keyframes suimena{ 0%{background-size:0% 0%,20% 20%,50% 50%,100% 100%;} 100%{background-size:20% 20%,50% 50%,100% 100%,200% 200%;} } .suimen{ height:100px; background-color:#8888aa; background-image: radial-gradient(farthest-side,#aaaaff00 91.9%,#aaaaff 95.9%,#aaaaff00 100%), radial-gradient(f

[conasaji]

使い勝手良さそう。波紋をバックグラウンドにしても面白いかも！？

[kefugahi]

波紋というと「コオオオオ」という連想をしてしまいます。ふるえるぞハート！燃え尽きるほどヒート！刻むぞ波紋のビート！！！

[hukunekox]

水面の波紋いいですね☺️✨なんだか宇宙にも見えてきますね✨

[newgenworld]

お疲れ様です🙋これまた面白そうなのを考えましたね✨今夜は緑の吹き出し使わせてもらおうとしたらパソコンが動きませーん😭