CSS supports three gradient types: linear-gradient (color transitions along a line), radial-gradient (color transitions from a center point outward), and conic-gradient (color transitions around a center point like a pie chart). All three support multiple color stops.
A conic gradient creates color transitions that sweep around a center point, like a color wheel or pie chart. It is useful for progress indicators, donut charts, and decorative effects. Syntax: conic-gradient(from 0deg, color1, color2).
Yes, using border-image: linear-gradient(...) 1, or by using a gradient background on a parent element with padding. The modern approach uses background-clip on pseudo-elements for more control over border-radius.
Apply a gradient as background, then use background-clip: text and -webkit-text-fill-color: transparent. This clips the gradient to the text shape, creating a colorful text effect.