Для изменения формы элемента в CSS можно использовать свойство border-radius
, которое задает радиус скругления углов элемента. Например:
div {
border-radius: 10px;
}
Это свойство можно использовать для изменения формы различных элементов, таких как кнопки, изображения, блоки текста и т.д. Также можно использовать другие свойства, такие как transform
и clip-path
, чтобы создавать более сложные формы. Например:
button {
border-radius: 50%;
transform: rotate(45deg);
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}
Этот код создаст кнопку с круглой формой, повернутой на 45 градусов и с треугольным вырезом в центре.