Параллелограммы — это расширенная версия прямоугольников: их стороны параллельны, но углы не обязательно прямые. В визуальном дизайне они часто используются для придания оформлению динамичности и передачи ощущения движения.
Давайте попробуем создать ссылку, оформленную с помощью CSS в стиле скошенной кнопки. Нашей отправной точкой будет обычная плоская кнопка с очень простым оформлением. Форму скошенного прямоугольника мы придадим ей с помощью трансформации skew(), (о трансформациях в css я писал здесь) вот так:
transform: skewX(-45deg);
Однако в результате этого содержимое кнопки также исказилось, стало некрасивым и нечитаемым. Существует ли способ создавать скошенные контейнеры так, чтобы их содержимое при этом не перекашивалось? Читать далее
Это интересно
0
|
|||
Последние откомментированные темы:
-
Word онлайн бесплатно
(1)
master284
,
04.05.2019
-
Ключевые слова и их связь с запросами
(1)
master284
,
04.05.2019
-
Как скачать Киностудию Windows (Windows Movie Maker) для Windows 10, Windows 8, Windows 7
(4)
Horov
,
23.07.2018
-
Как сделать кнопку своими руками
(1)
master284
,
29.12.2017
-
Какие существуют поисковые системы кроме Yandex и Google?
(1)
Словесник
,
21.12.2016
20260103224332