Можно ли сделать такое с помощью Html и Css и если да, то как?

Question

[Максим Ладный]

Здравствуйте! Мне вот интересно можно ли нарисовать щит Капитана Америки или что-то подобное с помощью Html и Css? С кругами вроде всё понятно, а со звездой нет.

Answer 1

[Smeecy Smeecy]

Два блока с border один с белым фоном , другой с синим, при этом блокам дать свойство border-radius: 50%, для окружности ну и ещё один блок со звездой , как её сделать можно прочитать тут: https://habrahabr.ru/post/126207/ , но это если не заморачиваться с градиентами , а дать сплошные цвета (красный, синий, белый) .
Вот сделал за 3 минуты : https://jsfiddle.net/10j2sn2f/2/

Comments

[Максим Ладный]

Ого! Выручил, спасибо.

Answer 2

[HamSter]

Капитан Америка - CodePen

Answer 3

[iBird Rose]

https://habrahabr.ru/post/126207/
найди там "Звезда (5-конечная)"

Comments

[Максим Ладный]

Большое спасибо!

Answer 4

[Ksider]

можно https://codepen.io/mikemang/post/a-beginner-s-guid...
codepen.io/loenko

Comments

[Максим Ладный]

Хоть и не совсем то, что мне нужно, но всё равно очень полезно. Спасибо!

[Ksider]

Максим Ладный: в смысле не совсем то? это ссылки о том что на css Можно нарисовать почти любую картинку.

[Максим Ладный]

Да, это я понял. Моя проблема заключалась в том, что квадрат, круг, треугольник и овал я могу сверстать, а вот, что-нибудь посложнее уже нет. Звезду можно было бы собрать из треугольников кое как, но это было бы долго и вряд ли красиво.

Answer 5

[katytylala]

гугл в помощь.

Answer 6

[Zamir Yusupov]

Могу лишь сказать, что можно, c современным CSS3 можно div любой формы делать. Но заморачиваться я конечно же не буду ))

Answer 7

[Растишка]

А я бы звезду юникодом сделал =)
★