gradient · sample · Haiku 4.5 · trial 085 of 100

What the model said

Here's a CSS gradient example:

```css
/* Linear gradient (left to right) */
background: linear-gradient(to right, #ff6b6b, #4ecdc4);

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

/* Radial gradient */
background: radial-gradient(circle, #ffd89b 0%, #ff6b6b 100%);

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

The `linear-gradient()` function creates gradients in a straight line (you can specify direction like `to right`, `to bottom`, or degrees like `135deg`). The `radial-gradient()` creates circular or elliptical gradients. The color stops define where colors transition, either as percentages or length units.

Would you like me to create an HTML file demonstrating these gradients, or modify one of these for a specific use case?