@mozhno

Как сделать кнопку такой фигурой?

С помощью каких свойств можно сделать кнопку вот такой фигурой?
Я пробовал clip-path, но он съедает рамку, а нужно именно чтобы фигура была с рамкой
65d62aca433e4135469952.png
  • Вопрос задан
  • 800 просмотров
Решения вопроса 2
Get-Web
@Get-Web Куратор тега CSS
Front-End Developer
clip-path. Как раз есть пример с анимацией:
Ответ написан
Комментировать
@its2easyy
clip-path правильный вариант, только нужно его использовать два раза. У основной кнопки фон цвета рамки, к ней применяется clip-path первый раз. Внутри кнопки ещё один элемент с фоном цвета основного фона кнопки, этот внутренний элемент должен быть на 1px (или больше если рамка шире) меньше с каждой стороны. К этому элементу применяется второй clip-path с теми же размерами.
Внутренний элемент можно сделать например через
position: absolute;
top: 1px;
left: 1px;
right: 1px;
bottom: 1px;
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы