Блог

Главная - Вопросы по программированию - Как исправить неровные края на conic-gradient

Как исправить неровные края на conic-gradient

#javascript #html #css #css-gradients #conic-gradients

Вопрос:

Я получил индикатор выполнения, который я создаю с помощью conic-gradient, но его края выглядят нерезкими. Я нашел несколько предложений в Интернете, но пока ни одно из них, похоже, не работает. Вот скрипка всего индикатора выполнения.

  background-image: conic-gradient(
    transparent var(--min-degrees),
    #00ACEE var(--min-degrees) var(--progress, 0),
    transparent var(--progress, 0)
  );

Есть идеи, как я могу сгладить его края?

Спасибо

Комментарии:

1. всегда имейте 1px / 2px между цветами, чтобы избежать этого

2. @TemaniAfif извините, не уверен, что понимаю. Вы можете его расширить? Как это применимо к этому?

3. jsfiddle.net/qrep257w/2

4. @TemaniAfif ах, теперь я понимаю it…it работает, большое спасибо!

Метки: