创建CSS DIV形状
创建CSS DIV形状
提问于 2016-03-12 00:32:35
我已经看了这么多CSS形状资源，这很可笑，但我似乎找不到我的答案。我正在尝试用这个形状创建一个div，这样我就可以在里面放一行文本。
这有可能吗？或者我走另一条路，用背景图片代替？
回答 1
Stack Overflow用户
发布于 2016-04-22 03:27:58
您可以使用transform 3D
请参阅(在许多其他链接之外) https://css-tricks.com/almanac/properties/p/perspective/
div.pp {
perspective: 500px;/* triggers 3d effects */
padding: 0 2.5%;
}
div.rt {
perspective: inherit;/* needed to reverse 3D transform effects on content */
height: 150px;
background: #333;
border-radius: 5px;
transform: rotatex(-10deg);
box-shadow: 0 0 1px;/* blurs the edge*/
}
.rt p {
font-size: 5vw;
margin: 0 3%;
color: white;
transform: rotatex(10deg);/* restack text up */
}<div class="pp">
<div class="rt">
<p>
some text here ?
</p>
</div>
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35945316
复制相关文章
相似问题
腾讯云开发者
