Мне нужно создать кнопку с прямыми, скошенными углами вместо закругленных, например, вот так:
Вместо этого:
Я не могу использовать несколько объявлений box-shadow
, потому что мне нужна граница в 1 пиксель, чтобы очертить всю фигуру. И я не могу использовать трюк со стрелкой из div 0px на 0px из-за той же проблемы. Использование -moz-linear-gradient
и т. д. не сработает, потому что это повлияет только на верхнюю половину элемента, и мне нужно, чтобы угол продолжался до самого низа.
border-radius
ближе всего, но по умолчанию оно округлено. Можно ли с помощью CSS или JavaScript добиться такого эффекта?