Foros del Web » Creando para Internet » CSS »

¿Cómo lograr este efecto?

Estas en el tema de ¿Cómo lograr este efecto? en el foro de CSS en Foros del Web. Hola me gustaría saber, ¿Cómo lograr el efecto que especificio en este video?: http://youtu.be/6Oh2V8BYGrI?hd=1 Es el de el brillo de las imagenes, esto convencido de ...
  #1 (permalink)  
Antiguo 22/06/2011, 21:12
 
Fecha de Ingreso: septiembre-2008
Mensajes: 221
Antigüedad: 8 años, 10 meses
Puntos: 1
¿Cómo lograr este efecto?

Hola me gustaría saber, ¿Cómo lograr el efecto que especificio en este video?:

http://youtu.be/6Oh2V8BYGrI?hd=1

Es el de el brillo de las imagenes, esto convencido de que es con CSS y JavaScript, ¿Cómo lograrlo?. Quisiera aplicarlo a las imagenes de mi web:

http://extremegamex1.gofreeserve.com...gas_1.3.2.html

Espero una pronta respuesta. :)
  #2 (permalink)  
Antiguo 23/06/2011, 06:49
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 1 mes
Puntos: 538
Respuesta: ¿Cómo lograr este efecto?

Bajo el vídeo dice:
Cita:
Efecto muy llamativo de la web oficial de Blizzard
control+C en lo resaltado en negrita.
Vaya a google
control+V en el campo de búsqueda
El primer resultado es el de esa página
Pinche en él para acceder a la página.
Una vez en ella, utilice la herramienta que prefiera para ver el código de esas imágenes. Si usa firefox el complemento firebug le vendrá de perlas.
Hay versiones/equivalentes del mismo para otros navegadores.

Y ahí tiene la forma cómo logran el efecto.

Todo lo anterior creo que es más rápido y eficaz que sentarse porque "Espero una pronta respuesta."
  #3 (permalink)  
Antiguo 23/06/2011, 23:00
Avatar de Alucine  
Fecha de Ingreso: abril-2011
Mensajes: 59
Antigüedad: 6 años, 3 meses
Puntos: 10
Respuesta: ¿Cómo lograr este efecto?

Además de lo que te ha dicho kseso?, que te lo recomiendo también si quieres aprender mucho sobre armado de webs, esas herramientas como el firebug en firefox te permiten analizar cómo esta armada la web en detalle, asi puedes descbrir los secretos de cualquier web :)
Por otro lado, me parece que el efecto de esos btones es sencillamente un reemplazo de una imagen por otra. La segunda imagen tiene ese efecto de luz saliendo por detrás. El tema es que todo en esa página está muy bellamente diseñado, pero no hay animaciones ni nada raro (en los botones) solo reemplazo de una muy buena imagen por otra. Pasa que tenés que saber diseñar en illustrator o photoshop :D Y para reemplazar una imagen por otra, o sea hacer un botón básico.. pues como yo estoy empezando no te puedo decir bien jaja pero con css es fácil, es con la pseudo-clase hover. puedes buscar tambien sprites css que es una técnica por asi llamarla (ignorante yo) para reemplazar imágenes.

Saludos!

Etiquetas: efecto
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 02:49.