css button cut corner
Skew мжет?
это как
Загугли css button cut corner. Найдешь тысячи статей
можно попробовать через clip-path. либо по углам прямоугольника синего два треугольника разместить белых. https://css-tricks.com/almanac/properties/c/clip-path/
что-то подобное возможно поможет, но нужно будет еще под себя настроить... .button { display: inline-flex; background-color: red; color: #fff; clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 100% 100%, 20% 100%, 0% 80%, 0 0); padding: 20px; position: relative; }
background:linear-gradient(45deg,transparent 10%,dodgerblue 70%,transparent 10%);
но Ваше решение задачи выглядит совсем по-другому...
добавил такой код background: linear-gradient(45deg,dodgerblue 95%,transparent 95%); и сейчас треугольник с одной стороны Как добавить и со второй?
Вы моё решение пробовали? Возможно оно подойдет.
Если воспользоваться вашим решением, то кнопка выглядит так)
🤦♂ background: linear-gradient(45deg, transparent 10%, dodgerblue 70%, transparent 10%); 2 time Transparent and dodgerblue among of them
странно, потому-что у меня выглядит вот так...
Обсуждают сегодня