gradient · sample · Haiku 4.5 · trial 087 of 100

What the model said

Here's a CSS gradient example:

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

This creates a diagonal gradient from purple-blue to deeper purple at a 135-degree angle.

Here are a few more variations:

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

**Multiple colors:**
```css
background: linear-gradient(to right, red, yellow, lime, cyan, blue);
```

**With percentages for control:**
```css
background: linear-gradient(90deg, #1e3c72 0%, #2a5298 50%, #7aa8d1 100%);
```

The basic syntax is:
- `linear-gradient(direction, color1, color2, ...)` for straight gradients
- `radial-gradient(shape, color1, color2, ...)` for circular/elliptical gradients
- Directions: `to right`, `to bottom`, angles like `45deg`, `135deg`, etc.

Let me know if you'd like a specific type of gradient or if you want me to create an HTML file with a gradient example!