December 22nd, 2024

Colorful Avatar

Example

Spice up your avatar by adding a colorful border to it. Tip: Use your category colors for a consistent look and feel.

/* Colorful avatar */
header img {
  background: linear-gradient(\#fff, \#fff) padding-box,
  linear-gradient(180deg, \#1e90ff, \#cc33cc, \#ffff00) border-box;
  border: 5px solid transparent;
  border-radius: 50%;
}