gradient · sample · Haiku 4.5 · trial 081 of 100

What the model said

Here are some CSS gradient examples:

**Linear gradient (left to right):**
```css
background: linear-gradient(to right, #ff0000, #00ff00);
```

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

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

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

**Gradient with percentages:**
```css
background: linear-gradient(90deg, #667eea 0%, #764ba2 25%, #f093fb 75%, #4fd1c5 100%);
```

All of these can be applied to any element with a `background` property. Would you like me to create an HTML file with a gradient example, or do you need something more specific?