gradient · sample · Haiku 4.5 · trial 086 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 at an angle:**
```css
background: linear-gradient(45deg, #ff0000, #ffff00, #00ff00);
```

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

**Radial gradient with specific size:**
```css
background: radial-gradient(circle at 30% 40%, #ff0000, #0000ff);
```

**Repeating linear gradient:**
```css
background: repeating-linear-gradient(
  90deg,
  #ff0000,
  #ff0000 10px,
  #0000ff 10px,
  #0000ff 20px
);
```

The basic syntax is `linear-gradient(direction, color-stop1, color-stop2, ...)` or `radial-gradient(shape, color-stop1, color-stop2, ...)`. You can use any valid CSS color values and add as many color stops as you need.