gpt4 book ai didi

html - 应用于段落的倾斜属性

转载 作者:搜寻专家 更新时间:2023-10-31 08:41:40 25 4
gpt4 key购买 nike

<分区>

我正在使用倾斜,但转换也适用于倾斜框中的所有内容,正如您在我的笔中看到的那样。该段落看起来是斜体的。 http://codepen.io/Sidney-Dev/pen/RGXVpb

.services {
display: flex;
overflow: hidden;
}
.left {
background-color: black;
height: 250px;
width: 60%;
margin-left: -50px;
}
.right {
background-color: green;
width: 50%;
margin-right: -500px
}
.skew {
transform: skew(-15deg);
}
p {
color: white;
}
<section class="services">
<div class="left skew">
<div class="inner-container">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Porro praesentium deserunt fugiat, qui est delectus vel eligendi totam quidem amet laudantium harum, saepe voluptates voluptatibus. Aliquam ea, totam nulla magni.</p>
</div>
</div>
<div class="right skew">
</div>
</section>

如何在不影响内部内容的情况下倾斜盒子?

希望能帮到你

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com