gradient · sample · Haiku 4.5 · trial 056 of 100

What the model said

Here's a linear 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 by changing:
- **Direction**: `135deg` (or `to bottom right`, `to right`, etc.)
- **Colors**: replace the hex codes with your colors
- **Stops**: `0%` and `100%` define where colors are positioned

Here are a few other gradient types:

**Radial gradient** (circular):
```css
background: radial-gradient(circle, #ff6b6b 0%, #feca57 100%);
```

**Conic gradient** (rotating around a point):
```css
background: conic-gradient(from 0deg, #ff0000, #ffff00, #00ff00, #0000ff, #ff0000);
```

**Multiple color stops**:
```css
background: linear-gradient(90deg, #ff0000 0%, #ffff00 50%, #00ff00 100%);
```

Would you like me to create an HTML file with a gradient example you can view, or customize one of these for a specific use case?