gradient · sample · Haiku 4.5 · trial 003 of 100

What the model said

Here's a simple CSS gradient example:

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

This creates a gradient that transitions from purple-blue on the left to purple on the right.

Here are a few more variations:

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

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

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

**Gradient with stops:**
```css
background: linear-gradient(90deg, #ff6b6b 0%, #4ecdc4 50%, #45b7d1 100%);
```

Let me know if you'd like a specific type of gradient or need help integrating it into your project!