Versale
@Versale
Начинающий web программист.

Мануал по созданию разных объектов в css?

Уважаемые знатоки, помогите, пожалуйста сверстать вот такую вот форму: 5c57f7dd04f044e3863ca3a1afc70827.png
Спасибо
  • Вопрос задан
  • 436 просмотров
Решения вопроса 1
e_s_l
@e_s_l
Full-stack web developer
Безкостыльный метод (всё тянется в зависимости от количества текста):
https://jsfiddle.net/hydsqyc4/1/
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
LazyProger
@LazyProger
не ну...
.a{ 
    width: 300px;
    height: 200px;
    background: red;
    border-radius: 40px 200px 40px 70px;
}


Открой инструмент откладки html и балуйся с параметрами закругления. Параметры задаются по часовой стрелку от левого верхнего.
Ответ написан
Комментировать
tigroid3
@tigroid3
PHP, YII2, SQL, Postgres, Docker, SPHINX, GIT
простых способов, сделать такие объекты css-ом, нет. Нужно извращаться цепляя к блокам псевдоэлементы и ещё извращаться над ними, абсолютно их позиционируя.
Как один из вариантов, взять один блок(левый) картинкой, сделать из него правый, отразив его по горизонтали и увеличив. Нижний блок сделать прямоугольником нужного цвета и прицепить псевдоэлементами слева и справа наш блок(картинку).
Итого: будет подгружаться 1 картинка, а использоваться аж 4 раза
P.S. я бы на твоём месте запилил все 3 блока картинками и не махал себе мозги, цвет всего 1 и 1 картинка будет весить 2-3кб.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы