Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
One of Us
@Vlados102rus
HTML
CSS
Как сделать блоки в виде параллелограма?
Как сделать такие блоки на CSS и HTML. Без искажения контента внутри.
Вопрос задан
более трёх лет назад
90 просмотров
Комментировать
Подписаться
1
Простой
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
2
Senseich
@Senseich
Используйте transform: rotate(угол deg) для блока
Ответ написан
более трёх лет назад
3
комментария
Нравится
3
комментария
Facebook
Вконтакте
Twitter
One of Us
@Vlados102rus
Автор вопроса
А так чтобы внутренний контент не трансформировался можно?
Написано
более трёх лет назад
Senseich
@Senseich
Влад Поезжаев
, ну как вариант контенту задать такой же угол, только отрицательный
Написано
более трёх лет назад
Senseich
@Senseich
Влад Поезжаев
, а лучше даже через skew , вот пример
https://jsfiddle.net/48dvg3mb/7/
Написано
более трёх лет назад
Артем Пономарев
@goldmayor
Еще это можно реализовать с помощью border’a. Я сам на своем сайте нуждался в такой фишке, но с бордером не разобрался, поэтому пришлось использовать skew.
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
+1 ещё
Простой
Почему после изменений в css на сайте нет изменений?
1 подписчик
13 окт.
178 просмотров
3
ответа
CSS
Простой
Как выровнять в гриде по горизонтали?
1 подписчик
13 окт.
104 просмотра
1
ответ
HTML
+1 ещё
Простой
Как в руководстве steam сделать обтекающий картинку текст?
1 подписчик
08 окт.
119 просмотров
1
ответ
CSS
+2 ещё
Средний
Как решить проблему с появлением пустого пространства под drawer из shadcn?
2 подписчика
02 окт.
98 просмотров
1
ответ
HTML
+1 ещё
Средний
Скачал плагин image preview в вс коде, чтобы установить иконку сайта. Иконка появилась в браузере, но не появилась слева напротив строки. Почему так?
1 подписчик
30 сент.
141 просмотр
1
ответ
CSS
Простой
Как пофиксить визуальный глитч с border-radius и transparent + blur?
2 подписчика
26 сент.
151 просмотр
2
ответа
CSS
Простой
CSS3 как выбрать последние 4 элемента?
1 подписчик
25 сент.
206 просмотров
2
ответа
HTML
+1 ещё
Простой
От какой технической характеристики компьютера зависит скорость работы сайта, указанного ниже?
1 подписчик
24 сент.
445 просмотров
2
ответа
CSS
Простой
Как заставить css-variables перевычисляться?
1 подписчик
23 сент.
173 просмотра
1
ответ
HTML
+1 ещё
Простой
Как убрать линии у бейджиков в Markdown?
1 подписчик
23 сент.
199 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Верстальщик / фронтендер для браузерного расширения
DevTeam.Space
от 1 000 до 2 000 $
Web-разработчик
ЭНДИ Консалтинг
от 40 000 до 40 000 ₽
Backend разработчик
Страна карт
•
Киров
от 150 000 до 250 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама