testes/Css/page/Ambiente/Config/Estrutura/menu_houver.css

54 lines
917 B
CSS

.contener_1 .opicao button:hover,
.contener_2 .opicao button:hover,
.contener_3 .opicao button:hover {
.retrato {
width: 2vw;
filter: drop-shadow(5px 5px 0px var(--Cor_Segundaria_2_2));
}
.escrita {
width: 10vw;
padding: 0.6vw;
background-color: var(--Cor_Segundaria_2_1);
box-shadow: 5px 5px 0px var(--Cor_Segundaria_2_2);
font-family: var(--font_titulo);
color: var(--Matriz);
}
}
.voltar:hover {
.escrita_A {
background-color: var(--Cor_Segundaria_2_1);
box-shadow: 5px 5px 0px var(--Cor_Segundaria_2_2);
}
.retrato_A {
background-color: var(--Cor_Segundaria_2_1);
box-shadow: 5px 5px 0px var(--Cor_Segundaria_2_2);
}
}
.menu {
animation: aberturaConfig 1s ease;
}
@keyframes aberturaConfig {
from {
width: 0;
}
to {
width: 25vw;
}
}