Foros del Web » Creando para Internet » CSS »

a:hover con efecto

Estas en el tema de a:hover con efecto en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 18/10/2009, 15:53
 
Fecha de Ingreso: octubre-2007
Mensajes: 724
Antigüedad: 10 años, 2 meses
Puntos: 4
a:hover con efecto

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 ???'
  #2 (permalink)  
Antiguo 18/10/2009, 16:04
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: a:hover con efecto

¿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.
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++

Última edición por kseso?; 18/10/2009 a las 16:22
  #3 (permalink)  
Antiguo 18/10/2009, 16:06
Avatar de GidHarvey  
Fecha de Ingreso: mayo-2009
Mensajes: 190
Antigüedad: 8 años, 7 meses
Puntos: 1
Respuesta: a:hover con efecto

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?
__________________
La mayoría prefiere pagar por entretenerse que por instruirse.

Última edición por GidHarvey; 18/10/2009 a las 16:27
  #4 (permalink)  
Antiguo 18/10/2009, 16:20
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: a:hover con efecto

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.
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #5 (permalink)  
Antiguo 19/10/2009, 06:48
 
Fecha de Ingreso: octubre-2007
Mensajes: 724
Antigüedad: 10 años, 2 meses
Puntos: 4
Respuesta: a:hover con efecto

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 ???
  #6 (permalink)  
Antiguo 19/10/2009, 07:20
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: a:hover con efecto

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
Cita:
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
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++

Última edición por kseso?; 19/10/2009 a las 08:22 Razón: vale, una casa es una cosa, pero no siempre las cosas son casas ;)
  #7 (permalink)  
Antiguo 19/10/2009, 08:17
 
Fecha de Ingreso: octubre-2007
Mensajes: 724
Antigüedad: 10 años, 2 meses
Puntos: 4
Respuesta: a:hover con efecto

Gracias Kseso?
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:18.