前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

用css实现波浪效果(用css实现波浪效果的代码)

广东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

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言