Как создать три div со скошенными углами и фото

[lyman]

2 й день мучаюсь не знаю как правильно подойти. В общем есть три фото. Их нужно разместить на сайте в ряд. Высота 800px, ширина 1200Px родителя. Но загвоздка в том что мне нужно их наскосок, как тут (background: linear-gradient( 135deg, #363430 35%, #FFF9ED 35%, #FFF9ED 65%, #000000 65%);) - только вместо цветов - фото. И при наведении на одно из фото - изменялся цвет+ можно поверх фото - текст написать, либо кнопку или ссылку. Надеюсь я ясно написал.

Edited April 20, 2018 by lyman

[mrnobody]

Вот, что-то получилось:

 

[klierik]

9 минут назад, lyman сказал:

Надеюсь я ясно написал.

Покажи скрин

[lyman]

Прикипел

[mrnobody]

Я делал давно подобное. Подойдет?

 

[lyman]

Вроде то что нужно!!!! но куда влепить 3 фото вместо фона, при этом чтоб фото не растягивались углом?

13 минут назад, mrnobody сказал:

Я делал давно подобное. Подойдет?

 

Вроде то что нужно!!!! но куда влепить 3 фото вместо фона, при этом чтоб фото не растягивались углом

[mrnobody]

12 минут назад, lyman сказал:

но куда влепить 3 фото вместо фона,

Блин, хороший вопрос 

Вроде делал такое с картинками, но не помню проект, вечером дома окажусь, гляну.

[mrnobody]

Нашел, но к сожалению там текстурный фон и он наклонен ((

Скрытый текст

 

[lyman]

29 минут назад, mrnobody сказал:

Вот, что-то получилось:

 

Спасибо вообще шик ) то что надо. Большая благодарность!)