Задать вопрос
@john_notebook
html

Как сделать фигуру на css?

как сделать вот такую фигуру на css и html?

34cb86b3d8d84f21991fd4c31f18742c.png

спасибо!
  • Вопрос задан
  • 163 просмотра
Комментировать
Подписаться 2 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 2
delch
@delch
Frontend developer
Как то так или так
Ответ написан
Комментировать
Комментировать
aliencash
@aliencash
Партизан
codepen.io/aliencash/pen/RrQxGN
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@Petr_Anisimov
Делаешь прямоугольник цвета #6890E7 и через :before и :after есть два варианта:
1. Создаёшь квадраты, расставляешь слева и справа, и transform: rotate их приблизительно на 45(один) и на -45(другой) градусов
2. Создаёшь треугольники белого цвета: htmlbook.ru/blog/treugolniki-cherez-css
UPD: Вообще, варианта три и, скорее всего, даже больше, мой третий это на clip-path, но он только на -webkit пока, хотя и -moz частично поддерживает с url(): caniuse.com/#search=clip-path
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Верстальщик / фронтендер для браузерного расширения
DevTeam.Space
от 1 000 до 2 000 $
Специалист технической поддержки (чат)
WebSoft
от 50 000 до 70 000 ₽
Web-разработчик
ЭНДИ Консалтинг
от 40 000 до 40 000 ₽
Ещё вакансии