is this using clip path ?
Anybody knows how I can get the shapes on the images ?

3 Replies
you can do that with border radius
the two pill shares would just be
border-radius: 999px;
, the others would be border-radius: 999px; border-top-right-radius: 0px;
(or border-bottom-right-radius, but you get the idea I'm sure)ah gotcha , thank you for the tips ❤️
fyi, this can also be done with
clip-path
if ya ever need to : clip-path: inset(0 round 50% 50% 0 50%);