CSS - COMO HACER MENU CON EFECTO TRANSFORM

 
Vista:
sin imagen de perfil

COMO HACER MENU CON EFECTO TRANSFORM

Publicado por anonymous (1 intervención) el 22/06/2020 07:09:30
Alguien me puede ayudar, quiero hacer el efecto que tiene este menú del siguiente video


(el efecto es de cuando pasa el mouse sobre el menu, el sub menu aparece abajo y luego sube )

Lo he intentado usando transition pero no me funciona

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
.menu ul li ul.sub {
 
    display: none;
    position: absolute;
    transform: translateY(20px);
    transition: transform ease-in-out 0.4s;
 
}
 
.menu ul li:hover ul.sub{
 
    display: block;
    padding: 0;
    width: 153.28px;
    height: 349px;
    text-align: left;
    transform: translateY(0px);
 
}

Puede que se use javascript, alguien me lo podria decir como
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder