gradient · sample · Haiku 4.5 · trial 061 of 100

What the model said

Here's a simple CSS gradient example:

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

/* Linear gradient at an angle */
background: linear-gradient(45deg, #667eea, #764ba2);

/* Radial gradient (circle) */
background: radial-gradient(circle, #ff6b6b, #4ecdc4);

/* Radial gradient (ellipse) */
background: radial-gradient(ellipse, #ff6b6b, #4ecdc4);

/* Multiple colors */
background: linear-gradient(to right, red, yellow, lime, cyan, blue);

/* Conic gradient (circular color wheel) */
background: conic-gradient(from 0deg, red, yellow, lime, cyan, blue, magenta, red);
```

You can apply these to any element:

```css
div {
  width: 200px;
  height: 200px;
  background: linear-gradient(135deg, #667eea, #764ba2);
}
```

**Common gradient options:**
- **Direction:** `to right`, `to bottom`, `45deg`, `180deg`, etc.
- **Colors:** Any CSS color value (hex, rgb, named colors)
- **Stops:** Add percentages like `linear-gradient(90deg, red 0%, blue 50%, yellow 100%)`

Which type of gradient do you need?