@maxnrg33
верстальщик

Как сверстать такой круг?

Как сверстать такой круг?

0ad78-clip-27kb.jpg?nocache=1
  • Вопрос задан
  • 252 просмотра
Пригласить эксперта
Ответы на вопрос 3
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Если правильно понимаю цели
Круг - понятно, border-radius
Крест - 2 фона линейными градиентами

Вот, в один div https://jsfiddle.net/x6t9ay0w/
div {
  width: 150px;
  height: 150px;
  border: 14px solid red;
  border-radius: 50%;
  background: 
linear-gradient(45deg, transparent, transparent 98px, red 99px, red 113px, transparent 114px, transparent),
linear-gradient(-45deg, transparent, transparent 98px, red 99px, red 113px, transparent 114px, transparent);
}
Ответ написан
Комментировать
@Rheinmetall
Могу сморозить глупость
Ответ написан
Комментировать
xtala
@xtala
Постигает Дзен
Как сверстать такой круг?


Открываешь люстру и верстаешь :D . Все эти приколы с версткой на CSS3 Гомера Симпсона всего лишь приколы и в жизни вряд ли применимы, т.к. ведут к неоправданному усложнению и сомнительному циклу поддержки.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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