pawelorzech/orzech.me
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update index.html

Browse source 
animated buttons part
This commit is contained in:
Paweł Orzech 2025-06-28 01:30:23 +02:00
parent e4bb5abce0
commit 0920ad5c6f
1 changed files with 8 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
index.html
View file

@ -47,10 +47,18 @@
cursor: pointer; cursor: pointer;
transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
filter: grayscale(50%); filter: grayscale(50%);
border-radius: 9999px; /* Make them round */
padding: 0.25rem; /* Add some padding */
}
.switcher button:hover {
transform: scale(1.25); /* Slightly larger on hover */
filter: grayscale(0); /* Full color on hover */
box-shadow: 0 4px 12px rgba(0,0,0,0.1); /* Subtle shadow on hover */
} }
.switcher .active { .switcher .active {
transform: scale(1.15); transform: scale(1.15);
filter: grayscale(0); filter: grayscale(0);
box-shadow: 0 2px 8px rgba(0,0,0,0.15); /* More prominent shadow for active */
} }
</style> </style>
</head> </head>