gradient · sample · Haiku 4.5 · trial 036 of 100

What the model said

Here's a simple CSS gradient example:

```css
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
```

This creates a diagonal gradient from purple-blue to purple. You can customize it:

- **Direction**: `135deg` controls the angle (0deg = top to bottom, 90deg = left to right, etc.)
- **Colors**: Add more stops like `linear-gradient(to right, #ff0000 0%, #00ff00 50%, #0000ff 100%)`
- **Type**: Use `radial-gradient()` for circular gradients or `conic-gradient()` for rotating colors

Here's a radial gradient example:
```css
background: radial-gradient(circle, #ff6b6b 0%, #4ecdc4 100%);
```

And a conic gradient example:
```css
background: conic-gradient(from 0deg, red, yellow, lime, cyan, blue, magenta, red);
```

All work on the `background` or `background-image` property.