edición general
290 meneos
 
Ilusión óptica: Caballo que es movido por CSS

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

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
162 128 0 K 515 mnm
31 comentarios
162 128 0 K 515 mnm
Comentarios destacados:          
  1. #1 pepevalde
    Ufff que tiempo libre tiene la peña
    3 K 15
  2. RocK #2 RocK
    Bastante curioso
    1 K 17
  3. xenNews #3 xenNews
    :-| Flipo, está bastante currado.
    1 K 19
  4. #4 --29006--
    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)
    27 K 253
  5. CIB3R #5 CIB3R
    Yo no consigo ver el efecto :-S
    10 K 84
  6. #6 joseldarin
    #5 Yo tampoco.
    2 K 25
  7. #7 --115178--
    #5 #6 Hay que hacer clic en el botón verde y entonces redimensionar horizontalmente la ventana
    7 K 43
  8. HaScHi #8 HaScHi
    #5 #6 ¿Cambiais el ancho de la ventana del navegador?
    1 K 21
  9. #9 --137721--
    #5 #6 Redimensiona desde la esquina inferior derecha.
    1 K 19
  10. #10 --124152--
    #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
    2 K 19
  11. manwy #11 manwy
    #5 #6 Desactivad el compiz.
    4 K 37
  12. #12 Ditaunica
    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....
    1 K 15
  13. #13 joseldarin
    #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.
    37 K 308
  14. #14 siser
    #13 que buenos padres, ;)
    1 K 12
  15. er_rafael_rafi #15 er_rafael_rafi
    Como corren los jodios...hasta marcha atras andan...xD
    0 K 6
  16. remixpanoramix #16 remixpanoramix
    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?
    0 K 8
  17. remixpanoramix #17 remixpanoramix
    Bien correcto, ahora me he dado cuenta que habia que darle al botón verde.... grgrgrgrgr
    0 K 8
  19. juanpi.dev #19 juanpi.dev
    #11 El mejor consejo de todos, por cierto, nunca ningun botón verde, ¿no hablan es de una pastilla roja?
    0 K 6
  20. GuitarWorker #20 GuitarWorker
    #5 #6 cierren explorer, abran algún navegador decente... xD
    0 K 9
  21. #21 --140866--
    Yo no veo nada, sólo me he mareado.
    0 K 7
  22. #22 y00l
    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.
    2 K 19
  23. #23 Kaime
    #22 Y el concepto del cine, pasar imágenes a alta velocidad para crear impresión de movimiento, ¿no es una ilusión óptica?
    5 K 56
  24. #24 yosoyyo
    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
    1 K 12
  25. #25 edug60
    Lo que me ha costado verlo, si es que hay que leer siempre las instrucciones.
    0 K 6
  26. #26 connery
    sin estos comentarios tampoco hubiera conseguido verlo :-)
    0 K 6
  27. #27 howl
    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.
    0 K 6
  28. Zade #28 Zade
    #11 #27 Pues a KWin no hace falta desactivarlo para poder verlo en condiciones :-P </tocapelotas>
    1 K 12
  29. #29 oxelo
    Imagenes que se mueven! nunca habia visto nada parecido! a la hoguera!
    1 K 12
  30. Blaxter #30 Blaxter
    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.
    0 K 10
  31. #31 zzbr
    BRUJERÍA!!!!!!!
    2 K 23
comentarios cerrados

menéame