mirror of
https://github.com/kevinveenbirkenbach/homepage.veen.world.git
synced 2025-01-16 03:23:59 +01:00
36 lines
853 B
CSS
36 lines
853 B
CSS
|
/* Dropdown-Menüs verstecken */
|
||
|
|
.dropdown-menu {
|
||
|
|
display: none;
|
||
|
|
opacity: 0;
|
||
|
|
visibility: hidden;
|
||
|
|
transition: opacity 0.3s ease, visibility 0.3s ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Dropdown-Menü beim Hover anzeigen */
|
||
|
|
.nav-item.dropdown:hover > .dropdown-menu,
|
||
|
|
.dropdown-submenu:hover > .dropdown-menu {
|
||
|
|
display: block;
|
||
|
|
opacity: 1;
|
||
|
|
visibility: visible;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Dropdown-Menü bei der Klasse "open" anzeigen */
|
||
|
|
.nav-item.dropdown.open > .dropdown-menu,
|
||
|
|
.dropdown-submenu.open > .dropdown-menu {
|
||
|
|
display: block;
|
||
|
|
opacity: 1;
|
||
|
|
visibility: visible;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Positionierung von Submenüs */
|
||
|
|
.dropdown-submenu > .dropdown-menu {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 100%; /* Rechts ausklappen */
|
||
|
|
}
|
||
|
|
|
||
|
|
.dropdown-submenu.open > .dropdown-menu {
|
||
|
|
display: block;
|
||
|
|
opacity: 1;
|
||
|
|
visibility: visible;
|
||
|
|
}
|