site-accueil-insa/assets/css/menu.css
2022-04-17 16:31:54 +02:00

51 lines
664 B
CSS

.menu {
position: fixed;
bottom: -2px;
left: 0;
width: 100%;
height: auto;
z-index: 2;
overflow: visible;
transition: transform 0.3s;
}
.tuyau {
position: fixed;
bottom: -2px;
right: 3vw;
width: 8%;
min-width: 6.3vmax;
height: auto;
z-index: 2;
transition: transform 0.3s;
overflow: visible;
}
.menu-link use {
transition: transform 50ms;
transform-origin: center;
}
.menu-link.menu-bottom-line use {
transform-origin: bottom;
}
.menu-link text {
transition: transform 50ms;
}
.menu-link:hover text {
fill: #FFDC00;
transform: translateY(-1px);
}
.menu-link:hover use {
transform: scaleY(1.1);
}
.menu svg {
overflow: visible;
}