🎨CSS & Color

Linear Gradient Backgrounds

Vibrant background gradients for cards and hero sections.

Explanation

Gradients add depth and visual interest to flat designs.

Sunset

Output

linear-gradient(to right, #f87171, #facc15)

Ocean

Output

linear-gradient(to bottom right, #3b82f6, #2dd4bf)

CSS

.hero-gradient {
  background: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);
}