如何解决我想做类似三角形的旋转木马,但是怎么做?
如何获取此形状轮播的信息
我搜索了“三角形旋转木马”、“尖头旋转木马”、“尖锐旋转木马”,但一无所获
解决方法
您可以使用 clip-path
属性来执行此操作
.caroussel {
background-color: teal;
height: 80vh;
display: flex;
justify-content: center;
align-items: center;
clip-path: polygon(0 0,100% 0,100% 70%,50% 100%,0 70%);
}
h1 {
font-size: 4rem;
color: white;
}
<div class="caroussel">
<h1>Hello</h1>
</div>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。