gradient · sample · Haiku 4.5 · trial 046 of 100

What the model said

Here's a CSS gradient example:

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

/* Radial gradient */
background: radial-gradient(circle, #667eea 0%, #764ba2 100%);

/* Gradient with multiple colors */
background: linear-gradient(to right, red, yellow, lime);

/* Conic gradient */
background: conic-gradient(red, yellow, lime, aqua, blue, magenta, red);
```

The most common is the **linear gradient**:
- First parameter: direction (`135deg`, `to right`, `to bottom`, etc.)
- Following values: color stops (color + optional position)

You can apply any of these to elements like this:

```css
div {
  background: linear-gradient(to bottom, #3498db, #2c3e50);
  width: 200px;
  height: 200px;
}
```

Would you like a specific type of gradient or help integrating it into a project?