gradient · sample · Haiku 4.5 · trial 083 of 100

What the model said

Here's a CSS gradient example:

```css
/* Linear gradient (left to right) */
background: linear-gradient(to right, #ff0000, #00ff00, #0000ff);

/* Linear gradient (45 degrees) */
background: linear-gradient(45deg, #667eea 0%, #764ba2 100%);

/* Radial gradient */
background: radial-gradient(circle, #fff 0%, #000 100%);

/* Conic gradient */
background: conic-gradient(from 0deg, red, yellow, lime, cyan, blue, magenta, red);
```

**Common uses:**
- **Linear**: `linear-gradient(direction, color1, color2, ...)`
- **Radial**: `radial-gradient(shape size, color1, color2, ...)`
- **Conic**: `conic-gradient(from angle, color1, color2, ...)`

You can apply these to any element with a `background` property. Want me to create an HTML file with a visual example?