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

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

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

34cb86b3d8d84f21991fd4c31f18742c.png

спасибо!
  • Вопрос задан
  • 165 просмотров
Комментировать
Подписаться 2 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Академия Эдюсон
    Frontend-разработчик: тариф PRO
    10 месяцев
    Далее
  • ProductStar × РБК
    Профессия: Инженер по тестированию
    6 месяцев
    Далее
Решения вопроса 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
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (vanilla JS, high-load)
Karma8
от 200 000 ₽
Специалист тех поддержки (английский язык, смены с 16:00 до 00:00 Мск)
ТехСофт
от 50 000 ₽
Разработчик JavaScript/NodeJS, специалист технической поддержки
A-Parser
от 800 до 800 $
Ещё вакансии