关于云朵制作

关于云朵制作

老师,如果用只用一个div制作云朵,想了半天确实不知道如何去实现。所以就用了5个div拼凑出来了。


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
提问者 金刚小仓 2017-02-01 16:18:16

好的,我温习下之前的课程,试试

卡布琦诺 2017-02-01 08:55:09

老师建议的方法代码,可以理解为如下:

云朵简化代码:

<div class="clouds">

        <div class="cloud x1"></div>

        <div class="cloud x2"></div>

        <div class="cloud x3"></div>

        <div class="cloud x4"></div>

        <div class="cloud x5"></div>

</div>

 每个div就是一朵云,div是用的基础形状,然后通过:before和:after设置两个形状,最后将三个形状通过位置、旋转达到云朵效果。注这些形状设置圆角的长方形。


问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
HTML5与CSS3实现动态网页 2018
  • 参与学习       1887    人
  • 提交作业       4643    份
  • 解答问题       5760    个

有HTML和CSS基础,却不知道如何进阶?本路径带你通过系统学习,完成从“会做网页”到“做出好的动态网页”的蜕变,迈出成为前端工程师的第一步。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师