gradient · sample · Haiku 4.5 · trial 080 of 100

What the model said

Here's a CSS gradient example:

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

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

/* Radial gradient - circle */
.gradient-radial {
  background: radial-gradient(circle, #ffb347 0%, #ff6b6b 100%);
}

/* Multiple color stops */
.gradient-multi {
  background: linear-gradient(
    to bottom,
    #ff0000 0%,
    #ffff00 25%,
    #00ff00 50%,
    #0000ff 75%,
    #ff00ff 100%
  );
}
```

These examples show:
- **Linear gradient**: Colors transition in a straight line (you can specify direction with `to right`, `to bottom`, or angle in degrees)
- **Radial gradient**: Colors radiate from a center point
- **Color stops**: You can control where colors start/end with percentages

Would you like me to write a specific gradient for a particular use case?