Effetto dissolvenza menu css

[mattex94]

Ragazzi come posso creare la dissolvenza di un colore in un menù passando il puntatore sopra?
E inoltre quando ci clicco ed entro in quella determinata pagina vorrei che rimanesse il colore secondario.

come qui:
http://livedemo00.template-help.com/...2/index-2.html

[Experiment8]

Ciao,

Vuoi una cosa CSS3 o compatibile anche con IE7/8/9?

Se ti basta una CSS3 puoi usare le transition sull'elemento, ovviamente su IE non andranno e non vedrai la dissolvenza ma solo il cambio di colore immediato.
Ti faccio un esempio con il background, ma lo stesso principio vale per qualsiasi regola:

.classe-link {
background: #FFF;
transition: background .4s ease-in-out;
}
.classe-link:hover {
background: #000;
}

Ciao

[mattex94]

Grazie mille, il css3 funziona bene su safari? inoltre ho dimenticato di scrivere una cosa prima nel scrivere prima, l'effetto che voglio è quello, di non dissolvenza appena passi il mouse (quindi cambio di colore immediato) e come lo sposti anche senza cliccarci si dissolve.

[Experiment8]

Se vuoi la transizione solo in uscita devi spostare la transition sulla regola all'hover, così:

.classe-link {
background: #FFF;
}
.classe-link:hover {
background: #000;
transition: background .4s ease-in-out;
}

Il concetto è che devi applicare la transizione che vuoi alla regola da cui "parte", potresti metterla anche su entrambe volendo per avere la transizione sia in uscita che in entrata.
Comunque si assolutamente nessun problema su Safari ne Chrome ne Opera, solo IE dal 9 in giù non lo supporta.

Ciao

[mattex94]

Facendo così come hai scritto la dissolvenza me la fa in entrata e in uscita c'è il cambio immediato. Inserendo la transizione solo nel primo è come se l'avessi messa a tutti e due