a:hover con efecto

[jonysi_d]

Hola...

Tengo que hacer un efecto en la web el cual deve hacer lo siguiente:

imagininse que tengo una imagen en la web y cuando el mouse pasa por encima ( a:hover ) deve cambiar la imagen pero con un efecto difuminado o borroso. Esto es possible hacerlo con CSS ???'

[kseso?]

¿Quizás la pseudoclase ":hover" podría ayudarte?
Edito y amplio: en a:hover defines la imagen como background. Imagen que ha de tener ella el degradado.

[GidHarvey]

Hola amigo Buenas Tardes.
creo que ese efecto se llama fade, si no me equivoco,mira pasate por aqui tambien puedes ver este ejemplo y revisa si es lo que andas buscando, si no es lo que necesitas mil disculpas, saludos.
que tengas un buen dia.

ATTe Gidharvey

PD: ups se me adelanto Kseso?
PD2: kseso? ayudame en el post de abajo porfavor ya no se que puede ser :s saludos y cuidate

Perdon kseso?

[kseso?]

GidHarvey, no presiones tanto, por favor. Ya lo comenté en tu tema: si es problema del js no tengo los conocimientos.
Creo que no ha sido poca la ayuda prestada, no obstante, lo haya sido o no, te aseguro que si no te he dado más (sin tener ninguna obligación, te recuerdo) es por alguna razón, no por que de pronto me haya dado por pasar del tema.
Así mismo, mi firma está por algo, ¿no crees?.
Jonysi_d, disculpa el <offtopic> sobre tu tema.

[jonysi_d]

Gracias por los aportes, pero no me ha solucionado el problema, vereis, no tengo nivel avanzado de CSS pero si no he entendido mal en los enlaces proporcionados, ninguno explica como generar un a:hover en imagen y que la imagen del "hover" se visualize gradualmente o con efecto borroso.

Si teneis alguna idea, agradeceria ???

[kseso?]

Hola jonysi_d
Con css puedes hacer un cambio de imagen en un enlace cuando te posiciones sobre él.
Pero lo que no puedes lograr con css son efectos de desvanecimientos o aparición progresiva de la imagen o cosas similares como movimiento, etc.
Fíjate en este ejemplo
El css que comanda el cambio de efecto es:
u

l li a {
background:#FFFF99 url(images/smilies/borracho.gif) no-repeat 1px center;
border:1px solid #444444;
display:block;
padding:10px 20px;
text-decoration:none;
}
ul li a:hover {
background:#FFCC00 url(images/smilies/biggrin.gif) no-repeat 1px center;
color:#006600;

Creo que te vendría muy bien el manual de css, el de iniciación, que hay en www.librosweb.es

Descárgate el .pdf, lo encontrará instructivo y ameno.

Un saludo

[jonysi_d]

Gracias Kseso?