gradient · sample · Haiku 4.5 · trial 065 of 100

What the model said

Here's a simple CSS gradient example:

```css
/* Linear gradient from top to bottom */
background: linear-gradient(to bottom, #ff6b6b, #4ecdc4);

/* Linear gradient at an angle */
background: linear-gradient(45deg, #667eea, #764ba2);

/* Radial gradient */
background: radial-gradient(circle, #ffd89b, #19547b);

/* Gradient with multiple color stops */
background: linear-gradient(
  to right,
  #ff0000 0%,
  #ffff00 50%,
  #00ff00 100%
);
```

You can use these on any element by adding them to the `background` property. The `linear-gradient()` function is the most common, with options like:
- **Direction**: `to bottom`, `to right`, `45deg`, etc.
- **Colors**: at least 2 colors required
- **Stops**: optional percentages to control where colors transition

Would you like me to create an HTML file with a gradient example you can preview, or do you need a specific type of gradient?