gradient · sample · Haiku 4.5 · trial 092 of 100

What the model said

Here are some common 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% 70%, #ffff00, #ff00ff);
```

**Conic Gradient (color wheel):**
```css
background: conic-gradient(red, yellow, lime, cyan, blue, magenta, red);
```

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

Which type would you like to explore further, or would you like me to create a specific gradient?