gradient · sample · Haiku 4.5 · trial 075 of 100

What the model said

Here's a CSS gradient example:

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

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

/* Multi-color gradient */
background: linear-gradient(to right, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff);

/* Gradient with color stops */
background: linear-gradient(90deg, #667eea 0%, #764ba2 25%, #f093fb 75%, #4facfe 100%);
```

The basic syntax is:
- **Linear**: `linear-gradient(angle, color-stop, color-stop, ...)`
- **Radial**: `radial-gradient(shape, color-stop, color-stop, ...)`

Common directions: `to right`, `to bottom`, `135deg`, etc.
Color stops can use percentages like `#667eea 0%` to control where colors transition.

Which type of gradient did you have in mind, or would you like me to create one for a specific use case?