关于作业题

观察了下云彩是由5个圆形组成的那么一个元素加上before和after 也只能是3个形状啊是怎么拼成云彩的呢？

源自：CSS3转换 6-6 backface-visibility

收起

1回答

Hbrsql 回答被采纳获得+3积分 2017-03-06 00:47:23

5个图形不需要都是完整的圆形.

一个元素可以定义成两头是半圆形的形状, 相当于2个图形.

爆炸头shadow 提问者 #1

非常感谢！

2017-03-06 19:59:55
MR帽子先生 #2

你好，我想看一下你的代码行吗？我不知道怎么设置一个DIV可以有两个形状

2017-03-16 19:56:02
Hbrsql 回复 MR帽子先生 #3

.cloud{ width: 160px; height:50px; background: #fff; border-radius: 25px; position: relative; } .cloud::before { content: " "; width: 100px; height: 100px; background: #fff; border-radius: 50px; position: absolute; left: 50px; top:-40px; } .cloud::after { content: " "; width: 80px; height: 50px; background: #fff; border-radius: 25px; position: absolute; -webkit-transform: rotate(50deg); -moz-transform: rotate(50deg); -ms-transform: rotate(50deg); -o-transform: rotate(50deg); transform: rotate(50deg); }

2017-03-16 22:57:56