gradient · sample · Haiku 4.5 · trial 031 of 100

What the model said

Here's a simple CSS gradient example:

```css
.gradient-box {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  width: 200px;
  height: 200px;
}
```

This creates a diagonal linear gradient from blue-purple (#667eea) to deep purple (#764ba2) at a 135-degree angle.

Some other gradient options:

**Radial gradient:**
```css
background: radial-gradient(circle, #667eea 0%, #764ba2 100%);
```

**Multiple colors:**
```css
background: linear-gradient(90deg, red, yellow, lime, cyan, blue, magenta);
```

**With percentages:**
```css
background: linear-gradient(to right, #ff6b6b 0%, #4ecdc4 50%, #44a08d 100%);
```

Let me know if you'd like a specific type of gradient or need help with something else!