Ejemplos web de doble pantalla

  • Artículo

Prueba estos ejemplos en Surface Duo en Microsoft Edge 97 o versiones posteriores. También puede seguir las instrucciones para usar herramientas de desarrollo en Edge (o Chrome) para simular una vista de doble pantalla en el explorador de escritorio.

Screenshot shows a boxes dual-screen C S S sample.

Demostración de cuadros simples

En este ejemplo sencillo se usan variables de entorno para diseñar cuadros alrededor de la bisagra cuando se distribuye el explorador web.

Screenshot shows a photo gallery dual-screen sample.

En este ejemplo se muestra una aplicación de galería de fotos que usa un efecto lightbox en una sola pantalla, pero aprovecha dos pantallas cuando el explorador web está distribuido.

Screenshot shows a recipe dual-screen sample.

Vista receta

Hermoso diseño de recetas de doble pantalla con CSS.