diff --git a/style.css b/style.css index cb20014..d5198ab 100644 --- a/style.css +++ b/style.css @@ -50,6 +50,13 @@ } +@keyframes avatar-color-shift { + 0%, 100% { filter: brightness(0.85) contrast(1.1) sepia(1) hue-rotate(180deg); } + 33% { filter: brightness(0.85) contrast(1.1) sepia(1) hue-rotate(210deg); } + 66% { filter: brightness(0.85) contrast(1.1) sepia(1) hue-rotate(50deg); } +} + + * { box-sizing: border-box; } body { @@ -637,8 +644,8 @@ input:checked + .slider:before { width: 120px; height: 160px; /* Explicit height for aspect ratio 3:4 */ object-fit: cover; - filter: brightness(0.8) contrast(1.2) sepia(1) hue-rotate(140deg); border: 1px solid var(--text-color); + animation: avatar-color-shift 15s infinite linear; }