Перейти к основному содержимому
Об авторе
Проекты
Знания
Знания/CSS/conic-repeating-gradient

Как работает `conic-gradient` и `repeating-linear-gradient`?

СобеседованиеЦвета и фон
  • conic-gradient(from angle at position, color-stops) — конический (по кругу)
  • Используется для: pie charts, color wheels, circular patterns
  • repeating-linear-gradient — повторяющийся: repeating-linear-gradient(45deg, #000 0 10px, #fff 10px 20px)
/* Pie chart */
.chart { background: conic-gradient(red 0% 30%, blue 30% 60%, green 60% 100%); border-radius: 50%; }
  • Главная
  • Об авторе
  • Проекты
  • Знания
Логотип nKolmykov