Ver un Elemento cuando está la Pantalla Completa con CSS

CSS 12 febrero, 2019

La pseudo-clase :fullscreen se utiliza para incluir un elemento que se muestra cuando el naqvegador está a pantalla completa.

En este ejemplo vemos como se utiliza:

HTML
 

CSS
 

Explicación

Utilizamos :fullscreen para seleccionar y diseñar el elemento que se mostrará a pantalla completa.

En este ejemplo creamos un elemento con fondo rosa que ocupa toda la pantalla.

Puedes copiar y probar este código en nuestro editor online para que lo entiendas mejor:

Editor Online

La Coruña, España Correo contacto@pc-solucion.es