gradient · sample · Haiku 4.5 · trial 018 of 100

What the model said

Here are some CSS gradient examples:

**Linear gradient** (top to bottom):
```css
background: linear-gradient(to bottom, #ff6b6b, #4ecdc4);
```

**Linear gradient** (left to right):
```css
background: linear-gradient(to right, #667eea, #764ba2);
```

**Linear gradient** (diagonal):
```css
background: linear-gradient(135deg, #f093fb, #f5576c);
```

**Radial gradient** (circular):
```css
background: radial-gradient(circle, #ffd89b, #19547b);
```

**Multi-color gradient**:
```css
background: linear-gradient(to right, #ff0000, #ffff00, #00ff00, #0000ff);
```

**Gradient with stops**:
```css
background: linear-gradient(to bottom, 
  #ff6b6b 0%, 
  #4ecdc4 50%, 
  #44a08d 100%
);
```

You can apply any of these to elements like `background`, `background-image`, or even text with `background-clip: text`. Let me know if you'd like a specific type of gradient or want to use it in a particular context!