How to round out corners when using CSS clip-path
问题 I want to be able to round out the 3 leftmost corners on this shape that I have created, any idea how that can be done? div { position: absolute; z-index: 1; width: 423px; height: 90px; background-color: #b0102d; color: white; right: 0; margin-top: 10vw; -webkit-clip-path: polygon(100% 0%, 100% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%); clip-path: polygon(100% 0%, 100% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%); } <div></div> 回答1: I've recently found success experimenting with approaches like