Как сделать такой блок без clip-path?

Question

[Daniel_Defo]

Привет народ добрый, есть такая проблема делаю первый экран свойством clip-path, но оно не работает в ie, может кто знает как решить эту проблему?
При наведении на картинку она должна разьезжаться и появлятся кнопка.
Спасибо за внимание

Comments

[one_day]

делать без наклона для ие, самый простой вариант

Answer 1

[Алексей Скляров]

https://jsfiddle.net/ppmugw7y/1/

Поиграйтесь с параметром skew(). Сразу уточню, если вы поворачиваете блок на какой-то градус, дочерний блок вам нужно будет поворачивать на противоположный градус. В коде вы это увидите.

Comments

[Daniel_Defo]

как быть с текстом, он тоже наклоняется

[Алексей Скляров]

Daniel_Defo: я вам об этом в сообщении и указал, если вы блоку .skew даете отклонение, например skew(-5deg, 0deg), то .skew__body мы даем отклонение в обратную сторону: skew(5deg, 0deg).

[Daniel_Defo]

спасибо уже разобрался)
Добра вам)