gradient · sample · Haiku 4.5 · trial 057 of 100

What the model said

Here's a simple CSS gradient example:

```css
/* Linear gradient - left to right */
background: linear-gradient(to right, #ff0000, #0000ff);

/* Linear gradient - top to bottom (default) */
background: linear-gradient(#ff0000, #0000ff);

/* Linear gradient - diagonal */
background: linear-gradient(135deg, #ff0000, #0000ff);

/* Radial gradient - circle */
background: radial-gradient(circle, #ff0000, #0000ff);

/* Gradient with multiple color stops */
background: linear-gradient(to right, red, yellow, lime, cyan, blue);

/* Gradient with specific color positions */
background: linear-gradient(to right, #ff0000 0%, #0000ff 50%, #00ff00 100%);
```

The most common syntax is:
- **Linear gradient**: `linear-gradient([direction], [color-stop], [color-stop], ...)`
- **Radial gradient**: `radial-gradient([shape], [color-stop], [color-stop], ...)`

Would you like me to help you integrate a gradient into a project, or do you need a specific type of gradient?