js display = none transition code example
Example: transition not working display none
.navigation__quaternary {
display: none;
opacity: 0;
transform: scale(0.75);
transition:
opacity 350ms cubic-bezier(0.19, 1, 0.22, 1) 0ms,
transform 350ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
}
.navigation__quaternary:hover {
display: block;
opacity: 1;
transform: scale(1);
}
.navigation__quaternary {
visibility: hidden;
opacity: 0;
transform: scale(0.75);
transition:
opacity 350ms cubic-bezier(0.19, 1, 0.22, 1) 0ms,
transform 350ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
}
.navigation__quaternary:hover {
visibility: visible;
opacity: 1;
transform: scale(1);
}