How to round corners when using CSS clipping path
P粉921130067
P粉921130067 2023-08-24 15:40:15
0
1
452

I would like to be able to round the 3 leftmost corners of the shape I created, any idea how to do this?


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%); }


P粉921130067
P粉921130067

reply all (1)
P粉959676410

Use illustrations with circle properties:

inset(0% 45% 0% 45% round 10px)
    Latest Downloads
    More>
    Web Effects
    Website Source Code
    Website Materials
    Front End Template
    About us Disclaimer Sitemap
    php.cn:Public welfare online PHP training,Help PHP learners grow quickly!