'I want to do Triangle-like Carousel but How? [duplicate]

How can reach info for this shaped carousel

ADOBEXDprototype

I searched "triangle carousel", "pointy carousel", "sharp carousel" and found nothing

htmlcssbootstrap-4


Solution 1:[1]

You could use clip-path property to do so

.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>

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Charles Lavalard

Related Questions