gradient · sample · Haiku 4.5 · trial 013 of 100

What the model said

Here's a CSS gradient example:

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

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

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

/* Linear gradient (left to right) with multiple stops */
background: linear-gradient(to right, red 0%, yellow 25%, green 50%, blue 75%, purple 100%);

/* Repeating linear gradient */
background: repeating-linear-gradient(90deg, #ff6b6b 0px, #ff6b6b 20px, #4ecdc4 20px, #4ecdc4 40px);
```

Choose the style you prefer—linear gradients are most common, while radial gradients create circular color transitions. You can adjust the colors, angles, and stops to match your design.