Как реализовать скошенный угол используя CSS?

Question

[svr5]

Добрый день, подскажите пожалуйста как реализовать скошенный угол у блока средствами CSS, чтоб при :hover он подсвечивал border весь блок так как он есть со скошенным углом!.
1. Свойство clip-path не подходит из-за internet-explorer
Можно сверстать как-то чтоб не вставлять туда треугольники псевдоэлементами и дополнительные блоки маски?

Заранее благодарен за любую помощь)

Comments

[sim3x]

Вместо пространных реплик отметьте решения

Answer 1

[Максим Тимофеев]

https://codepen.io/wokster/pen/EROmpm

Comments

[Максим]

[Максим Тимофеев]

Максим Ленский, не буду Вас останавливать

[Максим]

Максим Тимофеев, я же не шучу , смотрите : https://codepen.io/topicstarter/pen/wXQPqM

[Максим Тимофеев]

Максим Ленский, дык, я тоже. Заметили - поправили, это быстрее чем скрины делать. Хотя думаю это совершенно не касается вопроса. Я тупо не заморачивался. Надеюсь автор скажет Вам спасибо.

[Максим]

Максим Тимофеев, тут 90% ответов без ответов :))

[Максим Тимофеев]

Максим Ленский, да, это печалька. Пыхтишь тут, в Вашем случае, даже до идеала доводишь. А спасибо нет. Я надеюсь есть it карма, она обязательно вернется в виде заказов.

[Максим]

Максим Тимофеев, тут мне один всего попался - я ему перепелил картинку в svg он мне 20 зелёную заплатил - и всё а от остальных даже спс не было - ладно спс за общение ...приятного остатка дня

[Максим Тимофеев]

Максим Ленский, Вам так же

[Вова Дружаев]

чтоб при :hover он подсвечивал border весь блок так как он есть со скошенным углом!.

вы условие вопроса не выполнили))

[Максим Тимофеев]

Владимир Дружаев, тысяча чертей, а Вы правы сударь:
https://codepen.io/wokster/pen/EROmpm

[Вова Дружаев]

Вот теперь ответ полноценный))

Answer 2

[Максим]

Как обрубить верхний-левый угол у div имея неоднородный фон?