gradient · sample · Haiku 4.5 · trial 007 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 - 45 degrees with multiple colors */
background: linear-gradient(45deg, #667eea 0%, #764ba2 50%, #f093fb 100%);

/* Radial gradient - circular */
background: radial-gradient(circle, #ff9a56 0%, #ff6a88 100%);

/* Conic gradient - rotates around center */
background: conic-gradient(#ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff0000);
```

The basic syntax for a linear gradient is:
```css
background: linear-gradient([direction], color-stop1, color-stop2, ...);
```

Where direction can be:
- `to right`, `to left`, `to bottom`, `to top`
- Angles like `45deg`, `180deg`
- Or omitted for the default (to bottom)

Would you like me to help you build a specific gradient or create an HTML file to see these in action?