如何创建凹块？
提问于 2016-01-06 02:16:50
如何创建带有背景图像的凹块(例如滑块)？我需要的是：
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-01-06 02:35:00
我添加了:pseudo元素来添加border-radius的循环效果
.main {
display: inline-block;
text-align: center;
position: relative;
}
.main img {
position: relative;
}
.main div {
position: absolute;
bottom: 0;
width: 100%;
height: 30%;
z-index: 0;
}
.main div:after {
content: '';
width: 150%;
left: -25%;
background: white;
height: 150%;
top: -15%;
position: absolute;
z-index: -1;
border-radius: 50%;
}<div class="main">
<img src="http://placeimg.com/400/300/animals">
<div>
Vestibulum ante ipsum primis in
</div>
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/34630603
复制相关文章
腾讯云开发者
