dejvino/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: add monochromatic color-shifting animation to avatar

Browse Source 
Co-authored-by: aider (openai/qwen3.6) <aider@aider.chat>
This commit is contained in:
Dejvino 2026-05-23 09:10:54 +02:00
parent b7707bb8ed
commit 9628205375
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
style.css
View File

@ -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; } * { box-sizing: border-box; }
body { body {
@ -637,8 +644,8 @@ input:checked + .slider:before {
width: 120px; width: 120px;
height: 160px; /* Explicit height for aspect ratio 3:4 */ height: 160px; /* Explicit height for aspect ratio 3:4 */
object-fit: cover; object-fit: cover;
filter: brightness(0.8) contrast(1.2) sepia(1) hue-rotate(140deg);
border: 1px solid var(--text-color); border: 1px solid var(--text-color);
animation: avatar-color-shift 15s infinite linear;
} }