From 56baf014fe3dc3cf20d9ba24458866df09f623b7 Mon Sep 17 00:00:00 2001 From: Argenis Osorio Date: Fri, 15 Nov 2024 21:11:44 -0400 Subject: [PATCH] =?UTF-8?q?Actualizada=20gu=C3=ADa=20html?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- html.txt | 66 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 66 insertions(+) diff --git a/html.txt b/html.txt index a3f2c91..5ab4ba3 100644 --- a/html.txt +++ b/html.txt @@ -4750,6 +4750,72 @@ Fuente ChatGPT +========================================================================= +Insertar video como fonde de un section, tipo section hero en una landing +========================================================================= + +Dimensiones del video: 1920 × 1080 + +El video queda de fondo del todo, sin controles, muteado y en loop infinito. + +
+ +
+ +
+ + +
+
+
+
+

+ Damos las mejores impresiones +

+

+ Ahorre tiempo y dinero. Tenemos tu impresión y diseño para tu empresa. +

+ + + +
+
+ image +
+
+
+
+
+ +/* Estilos del video de fondo */ +.video-background { + position: absolute; + top: 0; + left: 0; + width: 100%; /* Asegura que el video abarque todo el ancho */ + height: 100%; /* Asegura que el video abarque toda la altura */ + z-index: -1; /* Coloca el video detrás del contenido */ + object-fit: cover; /* Hace que el video cubra todo el espacio sin deformarse */ + overflow: hidden; /* Evita desbordamiento si el video excede el tamaño */ +} + +.zzz { + position: relative; /* Asegura que el video se posicione dentro de esta sección */ + z-index: 1; /* El contenido estará encima del video */ + overflow: hidden; /* Evita desbordamiento de elementos */ + min-height: 100vh; /* Opcional: hace que la sección tenga al menos el tamaño de la ventana */ +} + +Fuente +====== + +ChatGPT + ================ Atributo oninput ================