Dropdown-menü

[Nielslerntnoch]

Guten Tag ich habe letzt ein Dropdown-menü geschrieben und habe damit ein Problem. Die unterpunkte verschwinden zu schnell. Ich möchte das diese Länger bleiben um sie besser anklicken zu können.

MbpKann mir da jmd. helfen?

Der Code ist wie folgt.

nav { position:absolute; top:50px; left:40%;}

nav ul { margin-right:0; margin-top:0; margin-left:0; height:30px; width:auto; float:left; box-shadow:0px 0px 32px 0px  #111; border-radius:10px; padding:0; border-top:1px solid #444; border-bottom:none; solid #FFF; border:none;}

nav ul li { position:relative; padding:10px; float:left; list-style:none; color:#999; background:#333; width:auto; text-align:center; border-right:1px solid #444; transition:all 1200ms; border-bottom:none;}

nav ul li:hover { background:#0C6; color:#fff;}

nav ul li:last-child { border-radius:0 10px 10px 0;}

nav ul li:first-child { border-radius:10px 0 0 10px;}



nav ul li:hover ul { height:auto; opacity:1;}

nav ul li ul { position:absolute; top:45px; left:0; transition:all 1200ms; opacity:0; 
overflow:hidden; height:0;}

nav ul li ul li:last-child { border-radius:0 0 10px 10px;}

nav ul li ul li { width:150px; text-align:left;}

nav ul li ul li:first-child { border-radius:10px 10px 0 0;}

Ich hoffe mir kann jemand helfen.

Danke im Vorraus

Lg Niels

[MrMurphy1]

Hallo,

du suchst transform und transition.

Gruss

MrMurphy