微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

我想做类似三角形的旋转木马,但是怎么做?

如何解决我想做类似三角形的旋转木马,但是怎么做?

如何获取此形状轮播的信息

ADOBEXDprototype

搜索了“三角形旋转木马”、“尖头旋转木马”、“尖锐旋转木马”,但一无所获

解决方法

您可以使用 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 举报,一经查实,本站将立刻删除。