Truco CSS para imitar el comportamiento del iPhone

Ajaxian ha publicado un modo curiosamente sencillo de permitir que las aplicaciones web imiten el comportamiento de deslizamiento lateral del iPhone usando un CSS personalizado que está soportado por MobileSafari.

Si creas una aplicación web específica para el iPhone o iPod Touch, puedes conseguir el mismo efecto que las aplicaciones nativas para MobileSafari.

MobileSafari incluye soporte de CSS 3, incluyendo selectores DOM avanzados y soporte para animaciones y transiciones. Eso si, debes tener en cuenta que el resto de los navegadores tienen un soporte limitado de CSS3 y es posible que lo que programes solo funcione en MobileSafari y Safari 3.

La aplicación de prueba que puedes ver en el siguiente vídeo, muestra el efecto del movimiento de los dedos en la pantalla, y como se consigue el efecto de deslizamiento.

Sitio oficial | Ajaxian

Vía | Cameron.io

Últimos artículos

Scroll al inicio