Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Дамир Сабиров
@stipp
CSS
Выполнено_выполнено?
выполнено_выполнено выполнено_выполнено выполнено_выполнено
Вопрос задан
более трёх лет назад
549 просмотров
Комментировать
Подписаться
1
Оценить
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
2
Сергей delphinpro
@delphinpro
Куратор тега CSS
frontend developer
Уже делал кому-то здесь :) -
jsfiddle.net/DelphinPRO/pvg2d02p/1
Ответ написан
более трёх лет назад
3
комментария
Нравится
2
3
комментария
Facebook
Вконтакте
Twitter
Дамир Сабиров
@stipp
Автор вопроса
Так, я правильно понял, что, мы берем img'шечку, оборачиваем ее дивом, див поворачиваем на 45 градусов, скрываем выходящую часть изображения overflow:hidden + все тоже самое для второго img и затем совмещаем 2 полученных элемента?
Написано
более трёх лет назад
Сергей delphinpro
@delphinpro
Куратор тега CSS
да. див поворачиваем на 45deg, картинку внутри его на -45deg. у дива - оверфлоу
Написано
более трёх лет назад
Дамир Сабиров
@stipp
Автор вопроса
Спасибо ;)
Написано
более трёх лет назад
Евгений Петров
@Petroveg
Миром правят маленькие с#@&ки
Другой вариант совмещения —
использование skew()
.
Вот ещё пара ссылок применения подобного трюка:
Как сверстать данный (нестандартный) блок?
Как сверстать фон с треугольным прозрачным элементом с тенью?
Ответ написан
более трёх лет назад
1
комментарий
Нравится
1
комментарий
Facebook
Вконтакте
Twitter
Дамир Сабиров
@stipp
Автор вопроса
Спасибо ;)
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
Простой
Не могу понять как прижать изображения к правому краю?
1 подписчик
11 авг.
128 просмотров
0
ответов
CSS
+1 ещё
Простой
Помощь на сайте с CSS с галереей и превью?
нет подписчиков
09 авг.
175 просмотров
1
ответ
HTML
+1 ещё
Простой
Как сверстать подобный блок?
1 подписчик
08 авг.
762 просмотра
1
ответ
CSS
Простой
Как такие вещи верстаются?
1 подписчик
07 авг.
2344 просмотра
3
ответа
CSS
+1 ещё
Простой
Как сделать скролл для body у таблицы?
1 подписчик
30 июл.
174 просмотра
2
ответа
CSS
+2 ещё
Простой
Как сделать такую сетку?
2 подписчика
28 июл.
2697 просмотров
2
ответа
HTML
+1 ещё
Простой
Прозрачный DIV перекрывает элемент под ним?
1 подписчик
25 июл.
178 просмотров
1
ответ
CSS
+3 ещё
Средний
Яндекс Браузер на MacOS: как убрать или подвинуть иконку автозаполнения?
1 подписчик
25 июл.
103 просмотра
0
ответов
JavaScript
+2 ещё
Средний
Есть для готовый плагин для проверки css-переменных со следующими фичами (см. описание)?
1 подписчик
24 июл.
102 просмотра
0
ответов
CSS
Простой
Как выровнять крестик?
3 подписчика
23 июл.
195 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Frontend-разработчик (Vanilla JS, jQuery)
Karma8
от 150 000 до 320 000 ₽
Разработчик Python (Django, DRF) Senior
Fabrique
•
Москва
До 360 000 ₽
Верстальщик/Фронтенд-разработчик попроектно
Наумедиа
от 120 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама