Как сделать закругленные див блоки как на сайте

Чтобы скруглить рамку, нужно указать в border-radius одно, два, три или четыре значения.
.element {
width: 200px;
height: 200px;
border-radius: 50%;
background-color: lightgreen;
}

ты просто юзай border radius типа 10 пикселей и при ховере меняй прозрачность и теньбро

ну короче в css пишешь border-radius там где надо и hover фоном меняй и все чё сложно-то

спарси сайт или в элементах кода найди

Вот то, что ты обвел красным квадратом — это изображение (это видно, тк у дизайнера косячный глазомер), оно в обычном блоке в абсолютной позиции. Никаким CSS такого не сделать, можно через SVG и <path> для рисования арок, но много возни..

И во-вторых, лично я бы никогда не повторял это вырвиглазное дурновкусие
, от которого хочется блевануть в монитор.


зы вот так более дизайнерски https://codepen.io/VISTASTER/pen/ogggQoP

В нижний правый угол дива засунуто png изображение с прозрачным фоном. У PNG абсолютное позиционирование относительно родителя, а botton и right равны нулю. У родителя применен обычный border-radius.