Доверьте продвижение нам

Lion Digital Agency

интернет-маркетинг

теги:

Категории

Рубрики

Услуги SEO копирайтера под ключ. Пишем качественные тексты.

от 950 

Написание постов, ведение соц сетей Ваших компаний. Формирование имиджа и контента.

от 22900 

Продвижение на авито под ключ. Получите клиентов в первую неделю. Создадим до 50тыс похожих объявлений!

от 29500 

Как сделать трапецию в css

Чтобы создать трапецию в CSS, можно использовать свойство transform: skew() для изменения угла наклона и свойство border для создания боковых граней.

Вот пример CSS кода:

.trapezoid{
    width: 200px; /* Ширина трапеции */
    height: 100px; /* Высота трапеции */
    position: relative; /* Указываем позиционирование для border */
    border: 50px solid #0073e6; /* Создаем боковые грани трапеции */
    border-top-width: 0; /* Убираем верхнюю грань трапеции */
    transform: skew(-15deg); /* Изменяем угол наклона трапеции */
}

Здесь класс .trapezoid – это класс элемента, который мы хотим стилизовать.

Вы можете изменять значения ширины, высоты, цвета граней, а также угла наклона, чтобы создавать различные трапеции в соответствии с вашим дизайном и потребностями.

Поделиться:

Комментарии

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Задать вопрос

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.

Меню

Оставить заявку

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.