gradient · sample · Haiku 4.5 · trial 073 of 100

What the model said

Here's a simple CSS linear gradient example:

```css
background: linear-gradient(to right, #ff6b6b, #4ecdc4);
```

This creates a gradient from red on the left to teal on the right.

Here are a few more variations:

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

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

**Multi-color gradient:**
```css
background: linear-gradient(to bottom, #ff0000, #ffff00, #00ff00, #0000ff);
```

The basic syntax is `linear-gradient(direction, color-stop-1, color-stop-2, ...)`. You can use angle values (e.g., `45deg`), directional keywords (`to right`, `to bottom`), or create radial/conic gradients for other effects.