gradient · sample · Haiku 4.5 · trial 058 of 100

What the model said

Here's a simple CSS gradient example:

```css
.gradient-box {
  background: linear-gradient(to right, #ff6b6b, #4ecdc4);
  width: 200px;
  height: 200px;
}
```

This creates a horizontal gradient from red (`#ff6b6b`) to teal (`#4ecdc4`).

**Other gradient variations:**

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

Radial:
```css
background: radial-gradient(circle, #ffd89b, #ff9a56);
```

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

Let me know if you'd like a specific type of gradient or want to customize colors/direction!