关于白云制作

求问白云怎么做会跟效果图比较像？有没有范本可以参考？我做的就是不太像

Aaashin3775583 2017-09-19

源自：项目：CSS3实现汉克狗 2-15 作业题

32

收起

2回答

小丸子爱吃菜 2017-10-31 13:44:59

这只是一个大概的模型，元素都可以通过圆角的设置，角度的变化，宽高的变化去进行调整！

怎么都被占用了呢 2017-09-19 11:18:18

白云的形状是用三个块拼接的：

（1）先写一个基础的形状

（2）用:before伪元素生成一个形状

（3）再用:after伪元素生成一个形状

（4）在每个生成的元素中将样式调整一下，比如旋转的角度，和它的圆角边框

提问者 Aaashin3775583 #1

一个圆两个矩形生成白云？

2017-10-31 12:00:47
慕标1569984 回复提问者 Aaashin3775583 #2

设置矩形的board-radius属性变成圆角

2018-05-01 21:57:40

相似问题

关于云朵具体制作的问题

关于五朵云的控制

白云c4、c5的位置控制不了，为什么用translate不行？

关于云朵的进入和消失

为什么要读写，为什么不直接复制文件？

登录后可查看更多问答，登录/注册

响应式开发与常用框架 2018

参与学习人
提交作业 2198 份
解答问题 5012 个

如果你有web端基础，既想进阶，又想进军移动端开发，那就来吧，我们专题为你带来的课程有HTML5、CSS3、移动基础、响应式、bootstrap、less等，让你在前端道路上畅通无阻！

本课精华内容

问答作业

图片高度不一样的问题

45 24

请问老师原理是什么

70 16

请问老师到底是什么机制

44 12

我的js为什么绑定不上啊

0 11

请问这个怎么解释

44 11

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载