@Zebren
Начинающий FrontEnd-разработчик

Как сделать круглый бордюр не до конца?

Кто знает способ как можно добиться не полного доведения бордюра или все же проще изображение из макета экспортировать?
OpuaLduziI0.jpg
  • Вопрос задан
  • 255 просмотров
Решения вопроса 1
warsand
@warsand
Экспериментатор
Пол-радиуса на css делать легко, примеры есть в песочнице. Можно и четверть-радиуса попробовать сделать, ну а если чего "покруче", тогда уж svg, как в примере выше... Для разнообразия приведу пример "border-красоты" на css:
<div class="box"></div>
.box {
    margin: 1rem;
    width: 15rem;
    height: 15rem;
    box-sizing: border-box;
    text-align: center;
    vertical-align: center;
  border: 6.5rem solid transparent;
  border-image: radial-gradient(#bcc, #888 30%, 
        #e62 50%, #2cc, #828 69%, transparent 72%) 10% fill;
}

Эксперименты с бордером и не только: Песочница
Возможно там найдётся нечто и для вас полезное.
- И да, недавно нашёл более развёрнутый ответ
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
Ваш ответ на вопрос

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

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