如何用伪元素设置一个云的多个圆呀?

如何用伪元素设置一个云的多个圆呀?

一朵云有6个起伏的圆边,伪元素前后只能设置两个,另外那几个怎么设置呢?

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

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

1回答
好帮手慕言 2019-07-05 14:50:28

你好同学 ,老师给你一个思路, 如下图

http://img1.sycdn.imooc.com//climg/5d1ef23800013dca05200253.jpg

一共有五朵白云,所以写五个div, 并且一个白云由三部分组成,div元素是横向的椭圆形。然后使用

before和after分别绘制左边的椭圆形和右边的圆形。然后结合定位,让两个图形叠在横向椭圆形的上面即可哦

自己先尝试做一做,如果那个地方实现不了,可以在问答粘贴代码提问,老师根据你的代码有针对性的为你指导。加油 !

祝学习愉快 ,望采纳。

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

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

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

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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