@john_notebook

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

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

34cb86b3d8d84f21991fd4c31f18742c.png

спасибо!
  • Вопрос задан
  • 163 просмотра
Решения вопроса 2
delch
@delch
Frontend developer
Как то так или так
Ответ написан
Комментировать
aliencash
@aliencash
Партизан
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
Делаешь прямоугольник цвета #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
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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