290 meneos

Ilusión óptica: Caballo que es movido por CSS

www.cssblog.es/ilusion-optica-caballo-que-es-movido-por-css/ 
por natrix el 28-07-2009 01:07 UTC publicado el 29-07-2009 05:20 UTC

Con CSS y Parallax podremos crear una ilusión óptica que parezca que la silueta de un caballo se mueve al redimensionar horizontalmente la ventana de nuestro navegador. Para ver la ilusión óptica entrar aquí demo.marcofolio.net/a_parallax_illusion_with_css/ y redimensionar la ventana del navegador.

etiquetas: ilusión óptica, navegador, css, caballo, cabalgando
negativos: 0   usuarios: 162   anónimos: 128  
compartir:  twitter  facebook  tuenti  
31 comentarios ocio, curiosidades karma: 515
  1. #1   Ufff que tiempo libre tiene la peña
    15  votos: 3   link
    el 28-07-2009 01:50 UTC por pepevalde pepevalde
  2. #2   Bastante curioso
    17  votos: 1   link
    el 28-07-2009 02:18 UTC por RocK RocK
  3. #3   :-| Flipo, está bastante currado.
    19  votos: 1   link
    el 28-07-2009 06:36 UTC por xenNews xenNews
  4. #4   A mi me gusta más esta animacion para realizar efectos parallax: webdev.stephband.info/parallax.html (pasad el ratón por encima de las montañas)
    253  votos: 27   link
    el 28-07-2009 07:16 UTC por --29006-- --29006--
  5. #5   Yo no consigo ver el efecto :-S
    84  votos: 10   link
    el 28-07-2009 07:26 UTC por CIB3R CIB3R
  6. #6   #5 Yo tampoco.
    25  votos: 2   link
    el 28-07-2009 16:29 UTC por joseldarin joseldarin
  7. #7   #5 #6 Hay que hacer clic en el botón verde y entonces redimensionar horizontalmente la ventana
    43  votos: 7   link
    el 28-07-2009 17:02 UTC por rusadir rusadir
  8. #8   #5 #6 ¿Cambiais el ancho de la ventana del navegador?
    21  votos: 1   link
    el 28-07-2009 17:12 UTC por HaScHi HaScHi
  9. #9   #5 #6 Redimensiona desde la esquina inferior derecha.
    19  votos: 1   link
    el 28-07-2009 17:19 UTC por --137721-- --137721--
  10. #10   #5 #6 A ver, poned en pequeño (el boton de restaurar/maximizar) la pantalla del navegador, luego haceis click en un extremo y lo arrastrais hacia derecha o hacia izquierda y... ¡magia! xD
    19  votos: 2   link
    el 28-07-2009 17:37 UTC por --124152-- --124152--
  11. #11   #5 #6 Desactivad el compiz.
    37  votos: 4   link
    el 28-07-2009 18:28 UTC por manwy manwy
  12. #12   Y esto, ¿de verdad es una ilusión óptica....? Quiero decir, ¿no es como esos anuncios que pasas el ratón por encima y haces sonar una bocina, o pinchas una burbuja...? Qué guay....
    15  votos: 1   link
    el 28-07-2009 19:37 UTC por Ditaunica Ditaunica
  13. #13   #7 #8 #9 #10 #11 Quiero dar las gracias a todos los que me han ayudado en este proceso. Aunque tengo que decir que no ha sido fácil. Y a mis padres que siempre han estado ahí cuando los he necesitado.
    308  votos: 37   link
    el 28-07-2009 20:39 UTC por joseldarin joseldarin
  14. #14   #13 que buenos padres, ;)
    12  votos: 1   link
    el 28-07-2009 21:25 UTC por siser siser
  15. #15   Como corren los jodios...hasta marcha atras andan...xD
    6  votos: 0   link
    el 28-07-2009 22:47 UTC por er_rafael_rafi er_rafael_rafi
  16. #16   Llevo dos horas haciendo el gilipollas con las ventanas del Chrome y todavia no lo he visto....

    HOYGAN ¿alguien más torpe que yo en la sala?
    8  votos: 0   link
    el 29-07-2009 01:14 UTC por remixpanoramix remixpanoramix
  17. #17   Bien correcto, ahora me he dado cuenta que habia que darle al botón verde.... grgrgrgrgr
    8  votos: 0   link
    el 29-07-2009 01:15 UTC por remixpanoramix remixpanoramix
  19. #19   #11 El mejor consejo de todos, por cierto, nunca ningun botón verde, ¿no hablan es de una pastilla roja?
    6  votos: 0   link
    el 29-07-2009 05:46 UTC por linuxuario linuxuario
  20. #20   #5 #6 cierren explorer, abran algún navegador decente... xD
    9  votos: 0   link
    el 29-07-2009 06:08 UTC por GuitarWorker GuitarWorker
  21. #21   Yo no veo nada, sólo me he mareado.
    7  votos: 0   link
    el 29-07-2009 06:36 UTC por --140866-- --140866--
  22. #22   Pero si son imágenes distintas! Esto no es ni ilusión óptica ni nada, es el concepto del cine. Cambia la imagen cuando lo mueves.
    19  votos: 2   link
    el 29-07-2009 06:46 UTC por y00l y00l
  23. #23   #22 Y el concepto del cine, pasar imágenes a alta velocidad para crear impresión de movimiento, ¿no es una ilusión óptica?
    56  votos: 5   link
    el 29-07-2009 07:00 UTC por Kaime Kaime
  24. #24   Hombre, opino que la ilusión sería que pareciera que se moviese cuando en realidad no fuera así... Y sin embargo se mueve... :-D

    Qué guay. Sirve para hacer algunas cosas tipo flash sin flash :-D
    12  votos: 1   link
    el 29-07-2009 07:09 UTC por yosoyyo yosoyyo
  25. #25   Lo que me ha costado verlo, si es que hay que leer siempre las instrucciones.
    6  votos: 0   link
    el 29-07-2009 07:37 UTC por edug60 edug60
  26. #26   sin estos comentarios tampoco hubiera conseguido verlo :-)
    6  votos: 0   link
    el 29-07-2009 08:51 UTC por connery connery
  27. #27   No hace falta desactivar compiz, siempre se le puede decir que use el método de redimensionado normal en vez del de rectángulo que suele tener por defecto. Y lo mismo para cualquier gestor la idea es que redibuje la ventana en cada paso del redimensionado.
    6  votos: 0   link
    el 29-07-2009 10:15 UTC por howl howl
  28. #28   #11 #27 Pues a KWin no hace falta desactivarlo para poder verlo en condiciones :-P </tocapelotas>
    12  votos: 1   link
    el 29-07-2009 10:29 UTC por Zade Zade
  29. #29   Imagenes que se mueven! nunca habia visto nada parecido! a la hoguera!
    12  votos: 1   link
    el 29-07-2009 10:56 UTC por oxelo oxelo
  30. #30   Esto solo funciona si la ventana se repinta mientras redimensionas la ventana, lo cual es mucho suponer.

    Aunque es una tontada vamos, lo de #4 es bastante más espectacular.
    10  votos: 0   link
    el 29-07-2009 14:35 UTC por Blaxter Blaxter
  31. #31   BRUJERÍA!!!!!!!
    23  votos: 2   link
    el 29-07-2009 18:23 UTC por zzbr zzbr
comentarios cerrados

menéame