gradient · sample · Haiku 4.5 · trial 062 of 100

What the model said

Here are a few CSS gradient examples:

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

**Linear gradient with angle:**
```css
background: linear-gradient(45deg, #ff0000, #00ff00, #0000ff);
```

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

**Radial gradient with position:**
```css
background: radial-gradient(circle at 30% 50%, #ffff00, #ff00ff);
```

**Multi-stop gradient:**
```css
background: linear-gradient(to bottom, 
  #ff0000 0%, 
  #ffff00 25%, 
  #00ff00 50%, 
  #00ffff 75%, 
  #0000ff 100%
);
```

The basic syntax is:
- `linear-gradient(direction, color1, color2, ...)`
- `radial-gradient(shape at position, color1, color2, ...)`

You can use color names, hex values, rgb(), or any valid CSS color format, and add percentages to control where colors transition.