Update styles.css
This commit is contained in:
parent
ec5026e410
commit
033d761f5c
1 changed files with 10 additions and 2 deletions
|
|
@ -48,7 +48,7 @@ html, body {
|
|||
text-shadow: 0 0 8px var(--accent);
|
||||
}
|
||||
|
||||
/* HORIZON LAYER: Emergent Sub-Navigation */
|
||||
/* NESTED HORIZON: Emergent Sub-Navigation with Animation */
|
||||
.sub-nav {
|
||||
display: none;
|
||||
position: fixed;
|
||||
|
|
@ -64,12 +64,20 @@ html, body {
|
|||
z-index: 950;
|
||||
align-items: center;
|
||||
opacity: 0;
|
||||
transition: opacity var(--transition);
|
||||
transform: translateY(-5px);
|
||||
transition: opacity var(--transition), transform var(--transition);
|
||||
}
|
||||
|
||||
.sub-nav.visible {
|
||||
display: flex;
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
animation: fadeSlideDown .3s ease forwards;
|
||||
}
|
||||
|
||||
@keyframes fadeSlideDown {
|
||||
from { opacity: 0; transform: translateY(-5px); }
|
||||
to { opacity: 1; transform: translateY(0); }
|
||||
}
|
||||
|
||||
.sub-nav a {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue