gradient · sample · Haiku 4.5 · trial 027 of 100

What the model said

Here are some CSS gradient examples:

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

**Linear Gradient with Multiple Colors:**
```css
background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
```

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

**Radial Gradient with Position:**
```css
background: radial-gradient(circle at 30% 50%, #667eea, #764ba2);
```

**Conic Gradient (rainbow effect):**
```css
background: conic-gradient(red, yellow, green, cyan, blue, magenta, red);
```

You can adjust the colors, angles (for linear), positions, and percentages to customize the gradients for your needs. The `to right`, `135deg`, etc. control the direction of the gradient.