hc/startpage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Cleaner dock animation

Browse Source 
Moved the dock animation to the parent `<li>` rather than the `<a>`.
This commit is contained in:
Tressley Cahill 2022-10-26 10:21:06 -04:00
parent 8a0341d70f
commit fc26478150
1 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
css/styles.css
View File

@ -44,18 +44,24 @@ header img {
padding: 0; padding: 0;
} }
#dock ul li {
transition: fill 0.25s ease-in-out, margin-top 0.125s cubic-bezier(0.455, 0.030, 0.515, 0.955);
}
#dock ul li:hover {
animation: slime 0.75s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
margin-top: -0.5rem;
outline: none;
}
#dock a { #dock a {
display: block; display: block;
fill: var(--primary-link-color); fill: var(--primary-link-color);
width: 1.5rem; width: 1.5rem;
transition: fill 0.25s ease-in-out, margin-top 0.125s cubic-bezier(0.455, 0.030, 0.515, 0.955);
} }
#dock a:focus, #dock a:focus {
#dock a:hover {
animation: slime 0.75s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
fill: var(--primary-link-hover-color); fill: var(--primary-link-hover-color);
margin-top: -0.5rem;
outline: none; outline: none;
} }