Hover ( czas trwania )

[Gibek 0]

Witam ćwiczę sobie tworzenie stron www i mam pytanko jak zrobić a by ten hover który jest w menu trwał dłużej bo jak najeżdżam to wszystko ok jest wolniej ale chciał bym też aby powoli wracał do oryginalnej formy.

 

Strona - http://gibek.p.ht/

 

Mój kod css

body { margin: 0; background:url(../gfx/bg.png); font-family:Verdana, Tahoma, Geneva, sans-serif; font-size: 11px; color: #FFF;}

#wrapper { width:978px; margin: 0 auto;}

#top { background:url(../gfx/banner.jpg); height: 260px; width: 978px; border-top:#0CF; border-top: #CCC 5px solid;}

#logo { background:url(../gfx/logo.png) no-repeat; height: 202px; position: absolute; width:210px; margin-left: 10px; top:25px;}
#logo h1 { display:block; text-indent: -999px; }

#nav { background:#999; border-top:1px #999 solid;}

#nav ul { margin:0; padding: 10px;}

#nav ul li { display:inline; list-style: none; padding:10px; }

#nav ul li a { text-decoration:none; color:#FFF; font-weight:bold;}
#nav ul li a:hover { color:#F00; transition-duration:1s;}

[maniack 403]

.

Edytowano Wrzesień 13, 2017 przez maniack (zobacz historię edycji)

[Gibek 0]

super wielkie dzięki