gradient · sample · Haiku 4.5 · trial 096 of 100

What the model said

Here's a CSS gradient example:

```css
.gradient-box {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  width: 200px;
  height: 200px;
}
```

This creates a diagonal gradient from purple to violet. Here are a few variations:

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

**Multi-color gradient:**
```css
.multi-color {
  background: linear-gradient(90deg, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff);
}
```

**Conic gradient (pie chart effect):**
```css
.conic-gradient {
  background: conic-gradient(#ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff0000);
}
```

The main parameters are:
- **Direction**: `to right`, `135deg`, `90deg`, etc.
- **Color stops**: `color percentage` pairs like `#667eea 0%`, `#764ba2 100%`
- **Type**: `linear-gradient()`, `radial-gradient()`, or `conic-gradient()`

What kind of gradient were you looking to create?