gradient · sample · Haiku 4.5 · trial 071 of 100

What the model said

Here's a CSS gradient example:

```css
/* Linear gradient - left to right */
.gradient {
  background: linear-gradient(to right, #3b82f6, #1e40af);
}

/* Linear gradient - diagonal with multiple colors */
.gradient-diagonal {
  background: linear-gradient(135deg, #ff6b6b, #ffa94d, #51cf66);
}

/* Radial gradient - circular */
.gradient-radial {
  background: radial-gradient(circle, #ff1493 0%, #ff69b4 50%, #ffc0cb 100%);
}

/* Gradient with angle */
.gradient-angled {
  background: linear-gradient(45deg, #667eea, #764ba2, #f093fb);
}
```

**Common syntax:**
- `linear-gradient(direction, color1, color2, ...)` - straight line gradients
- `radial-gradient(shape, color1, color2, ...)` - circular/elliptical gradients
- Directions: `to right`, `to bottom`, `135deg`, etc.
- Positions: `50%` to control where colors transition

Pick whichever style fits your needs!