gradient · sample · Haiku 4.5 · trial 020 of 100

What the model said

Here's a simple CSS gradient example:

```css
.gradient-box {
  background: linear-gradient(to right, #FF6B6B, #4ECDC4, #45B7D1);
  width: 300px;
  height: 200px;
}
```

This creates a left-to-right gradient transitioning from red to teal to blue. Here are a few variations:

**Diagonal gradient:**
```css
background: linear-gradient(135deg, #667eea, #764ba2);
```

**Radial gradient:**
```css
background: radial-gradient(circle, #FF6B6B, #4ECDC4);
```

**Multiple color stops:**
```css
background: linear-gradient(to bottom, red 0%, yellow 50%, green 100%);
```

Let me know if you'd like a specific style or direction!