Library / Search

Find your
next move.

2 useful things

Animated Gradient Background

Create a smoothly animating gradient background that shifts colors continuously.

.animated-gradient {
  background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
  background-size: 400% 400%;
  animation: gradient-shift 15s ease infinite;

#gradient#animation

easy

02CSS↗

CSS Dark Mode Variables

Set up CSS custom properties for easy dark/light mode switching.

:root {
  /* Light mode (default) */
  --bg-primary: #ffffff;
  --bg-secondary: #f5f5f5;

#dark-mode#theme

medium

Find yournext move.

Animated Gradient Background

CSS Dark Mode Variables

Find your
next move.