css掩人耳目式海浪动效
花里胡哨的canvas实现太过于繁琐,这就是本文存在的意义.
效果图
拆解
首先画一个简单的盒子:
利用::before
与::after
画两个圆角值(radius
)不同的不规则圆形:
父元素设置overflow: hidden
最后加上animation
动画让两个不规则圆形旋转起来即可
相关推荐
qiupu 2020-11-04
多读书读好书 2020-11-03
RedCode 2020-10-28
jiedinghui 2020-10-25
Ladyseven 2020-10-22
hellowzm 2020-10-12
zuncle 2020-09-28
Ladyseven 2020-09-11
jiedinghui 2020-09-07
xiaohuli 2020-09-02
葉無聞 2020-09-01
impress 2020-08-26
ThikHome 2020-08-24
nicepainkiller 2020-08-20
hellowzm 2020-08-18