gradient · sample · Haiku 4.5 · trial 069 of 100

What the model said

Here's a simple CSS gradient example:

```css
/* Linear gradient (left to right) */
background: linear-gradient(to right, #ff0000, #0000ff);

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

/* Radial gradient */
background: radial-gradient(circle, #ff0000, #0000ff);

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

/* Gradient with stops */
background: linear-gradient(to bottom, 
  rgba(255,0,0,1) 0%, 
  rgba(255,0,0,0.5) 50%, 
  rgba(255,0,0,0) 100%
);
```

The key parameters are:
- **Direction**: `to right`, `to bottom`, `135deg`, etc.
- **Colors**: Any valid CSS color, separated by commas
- **Stops**: Optional percentages (e.g., `#ff0000 0%`) to control color positions
- **Type**: `linear-gradient()` or `radial-gradient()`

Would you like me to create an HTML file with a working gradient example, or do you need help with a specific gradient effect?