广东IT优就业
广州IT培训老师,今天分享一下如何用css实现波浪效果。
有时候我们需要实现水晃动的效果,其实我们可以通过css旋转动画和圆角来实现。
首先来2个div,外层div相对定位,内层div绝对定位,内层div大致位于外层div上半部分。外层div设置一个颜色较深的背景色(水的颜色);内层div颜色设置为白色,加上圆角,圆角建议30%-45%之间,然后加上无限循环的旋转动画,通过内层div的旋转来实现波浪效果。
参考代码如下:
【更多IT精彩内容推荐】
精英型全栈工程师:http://www.ujiuye.com/zt/webqianduan/?wt.mc_id=17009338