Labs interactivos de HTML y CSS publicados en BaselineLab.https://baselinelab.dev/eshttps://baselinelab.dev/css/at-rules/function/baselinelab:es:/css/at-rules/function:content-v2Crea funciones CSS personalizadas con @function. Añade parámetros, tipos y valores por defecto, prueba resultados condicionales con @media y copia el CSS generado.Crea funciones CSS personalizadas con @function. Añade parámetros, tipos y valores por defecto, prueba resultados condicionales con @media y copia el CSS generado.CSSat-ruleshttps://baselinelab.dev/css/borders/border/baselinelab:es:/css/borders/border:content-v2Experimenta con la propiedad CSS border de forma interactiva. Ajusta ancho, estilo y color por lado o eje, compara propiedades lógicas y copia el código generado.Experimenta con la propiedad CSS border de forma interactiva. Ajusta ancho, estilo y color por lado o eje, compara propiedades lógicas y copia el código generado.CSSbordershttps://baselinelab.dev/css/borders/border-radius/baselinelab:es:/css/borders/border-radius:content-v2Prueba border-radius en CSS por esquina o pares cruzados. Visualiza radios en px, rem o %, compara propiedades lógicas y copia el código generado.Prueba border-radius en CSS por esquina o pares cruzados. Visualiza radios en px, rem o %, compara propiedades lógicas y copia el código generado.CSSbordershttps://baselinelab.dev/css/borders/border-shape/baselinelab:es:/css/borders/border-shape:content-v2Prueba border-shape en CSS con circle(), ellipse(), polygon() y shape(). Compara los modos de trazo y relleno y copia HTML, CSS o Tailwind.Prueba border-shape en CSS con circle(), ellipse(), polygon() y shape(). Compara los modos de trazo y relleno y copia HTML, CSS o Tailwind.CSSbordershttps://baselinelab.dev/css/borders/outline/baselinelab:es:/css/borders/outline:content-v2Prueba outline en CSS de forma interactiva. Ajusta width, style, color y offset en px o rem y copia el código con shorthand o propiedades separadas.Prueba outline en CSS de forma interactiva. Ajusta width, style, color y offset en px o rem y copia el código con shorthand o propiedades separadas.CSSbordershttps://baselinelab.dev/css/borders/corner-shape/baselinelab:es:/css/borders/corner-shape:content-v2Descubre corner-shape en CSS combinándolo con border-radius. Prueba esquinas redondeadas, biseladas, recortadas o cóncavas y copia el CSS generado.Descubre corner-shape en CSS combinándolo con border-radius. Prueba esquinas redondeadas, biseladas, recortadas o cóncavas y copia el CSS generado.CSSbordershttps://baselinelab.dev/css/colors/accent-color/baselinelab:es:/css/colors/accent-color:content-v2Prueba accent-color en CSS de forma interactiva. Elige un color y aplícalo a checkbox, radio, range y progress para copiar el CSS generado.Prueba accent-color en CSS de forma interactiva. Elige un color y aplícalo a checkbox, radio, range y progress para copiar el CSS generado.CSScolorshttps://baselinelab.dev/css/colors/color-mix/baselinelab:es:/css/colors/color-mix:content-v2Prueba color-mix() en CSS de forma interactiva. Elige el espacio de color, dos colores, sus porcentajes y, cuando aplique, el método de interpolación del hue para previsualizar la mezcla y copiar el CSS generado.Prueba color-mix() en CSS de forma interactiva. Elige el espacio de color, dos colores, sus porcentajes y, cuando aplique, el método de interpolación del hue para previsualizar la mezcla y copiar el CSS generado.CSScolorshttps://baselinelab.dev/css/colors/contrast-color/baselinelab:es:/css/colors/contrast-color:content-v2Prueba contrast-color() en CSS de forma interactiva. Elige un color de fondo y deja que el navegador seleccione texto blanco o negro para maximizar el contraste.Prueba contrast-color() en CSS de forma interactiva. Elige un color de fondo y deja que el navegador seleccione texto blanco o negro para maximizar el contraste.CSScolorshttps://baselinelab.dev/css/texts/font-size/baselinelab:es:/css/texts/font-size:content-v2Prueba font-size en CSS de forma interactiva. Compara keywords, unidades relativas, porcentajes y px mientras copias el CSS o HTML con Tailwind generado.Prueba font-size en CSS de forma interactiva. Compara keywords, unidades relativas, porcentajes y px mientras copias el CSS o HTML con Tailwind generado.CSStextshttps://baselinelab.dev/css/texts/font-size-adjust/baselinelab:es:/css/texts/font-size-adjust:content-v2Prueba font-size-adjust en CSS de forma interactiva. Compara none, números, from-font y métricas como ex-height, cap-height o ch-width con distintos stacks tipográficos.Prueba font-size-adjust en CSS de forma interactiva. Compara none, números, from-font y métricas como ex-height, cap-height o ch-width con distintos stacks tipográficos.CSStextshttps://baselinelab.dev/css/texts/font-smooth/baselinelab:es:/css/texts/font-smooth:content-v2Prueba font-smooth en CSS de forma interactiva. Compara auto, antialiased, none y subpixel-antialiased con prefijos WebKit y Mozilla.Prueba font-smooth en CSS de forma interactiva. Compara auto, antialiased, none y subpixel-antialiased con prefijos WebKit y Mozilla.CSStextshttps://baselinelab.dev/css/texts/font-stretch/baselinelab:es:/css/texts/font-stretch:content-v2Prueba font-stretch en CSS de forma interactiva. Compara keywords y porcentajes para seleccionar caras condensadas o expandidas de una fuente.Prueba font-stretch en CSS de forma interactiva. Compara keywords y porcentajes para seleccionar caras condensadas o expandidas de una fuente.CSStextshttps://baselinelab.dev/css/texts/font-style/baselinelab:es:/css/texts/font-style:content-v2Prueba font-style en CSS de forma interactiva. Compara normal, italic, oblique y oblique con ángulo mientras copias el CSS o HTML con Tailwind generado.Prueba font-style en CSS de forma interactiva. Compara normal, italic, oblique y oblique con ángulo mientras copias el CSS o HTML con Tailwind generado.CSStextshttps://baselinelab.dev/css/texts/font-variant/baselinelab:es:/css/texts/font-variant:content-v2Prueba font-variant en CSS de forma interactiva. Compara normal, none y variantes OpenType para caps, ligaduras, números, formas east-asian y posición.Prueba font-variant en CSS de forma interactiva. Compara normal, none y variantes OpenType para caps, ligaduras, números, formas east-asian y posición.CSStextshttps://baselinelab.dev/css/texts/font-weight/baselinelab:es:/css/texts/font-weight:content-v2Prueba font-weight en CSS de forma interactiva. Compara normal, bold, lighter, bolder y valores numéricos de 1 a 1000 mientras copias el CSS o HTML con Tailwind generado.Prueba font-weight en CSS de forma interactiva. Compara normal, bold, lighter, bolder y valores numéricos de 1 a 1000 mientras copias el CSS o HTML con Tailwind generado.CSStextshttps://baselinelab.dev/css/texts/letter-spacing/baselinelab:es:/css/texts/letter-spacing:content-v2Prueba letter-spacing en CSS de forma interactiva. Compara normal, longitudes positivas y negativas, y porcentajes mientras copias el CSS o HTML con Tailwind generado.Prueba letter-spacing en CSS de forma interactiva. Compara normal, longitudes positivas y negativas, y porcentajes mientras copias el CSS o HTML con Tailwind generado.CSStextshttps://baselinelab.dev/css/texts/word-spacing/baselinelab:es:/css/texts/word-spacing:content-v2Prueba word-spacing en CSS de forma interactiva. Compara normal, longitudes positivas y negativas, y porcentajes mientras copias el CSS o HTML con Tailwind generado.Prueba word-spacing en CSS de forma interactiva. Compara normal, longitudes positivas y negativas, y porcentajes mientras copias el CSS o HTML con Tailwind generado.CSStextshttps://baselinelab.dev/css/texts/line-height/baselinelab:es:/css/texts/line-height:content-v2Prueba line-height en CSS de forma interactiva. Alterna normal, números sin unidad, rem o porcentaje y copia el CSS o HTML con Tailwind generado.Prueba line-height en CSS de forma interactiva. Alterna normal, números sin unidad, rem o porcentaje y copia el CSS o HTML con Tailwind generado.CSStextshttps://baselinelab.dev/css/texts/text-align/baselinelab:es:/css/texts/text-align:content-v2Prueba text-align en CSS de forma interactiva. Cambia la dirección del texto, alterna start, end, left, right, center o justify y ajusta text-justify cuando aplique.Prueba text-align en CSS de forma interactiva. Cambia la dirección del texto, alterna start, end, left, right, center o justify y ajusta text-justify cuando aplique.CSStextshttps://baselinelab.dev/css/texts/text-align-last/baselinelab:es:/css/texts/text-align-last:content-v2Prueba text-align-last en CSS de forma interactiva. Cambia auto, start, end, left, right, center o justify sobre la última línea de texto.Prueba text-align-last en CSS de forma interactiva. Cambia auto, start, end, left, right, center o justify sobre la última línea de texto.CSStextshttps://baselinelab.dev/css/texts/text-indent/baselinelab:es:/css/texts/text-indent:content-v2Prueba text-indent en CSS de forma interactiva. Ajusta longitudes, porcentajes, hanging y each-line mientras copias el CSS o HTML con Tailwind generado.Prueba text-indent en CSS de forma interactiva. Ajusta longitudes, porcentajes, hanging y each-line mientras copias el CSS o HTML con Tailwind generado.CSStextshttps://baselinelab.dev/css/texts/text-decoration/baselinelab:es:/css/texts/text-decoration:content-v2Prueba text-decoration en CSS de forma interactiva. Ajusta línea, estilo, color y grosor, y copia la salida abreviada o individual.Prueba text-decoration en CSS de forma interactiva. Ajusta línea, estilo, color y grosor, y copia la salida abreviada o individual.CSStextshttps://baselinelab.dev/css/texts/text-fit/baselinelab:es:/css/texts/text-fit:content-v2Prueba text-fit en CSS de forma interactiva. Compara none, grow y shrink, cambia el ajuste por línea, limita el escalado y copia el código generado.Prueba text-fit en CSS de forma interactiva. Compara none, grow y shrink, cambia el ajuste por línea, limita el escalado y copia el código generado.CSStextshttps://baselinelab.dev/css/texts/text-transform/baselinelab:es:/css/texts/text-transform:content-v2Prueba text-transform en CSS de forma interactiva. Compara none, capitalize, uppercase y lowercase sobre texto real y copia el CSS generado.Prueba text-transform en CSS de forma interactiva. Compara none, capitalize, uppercase y lowercase sobre texto real y copia el CSS generado.CSStextshttps://baselinelab.dev/css/texts/text-wrap/baselinelab:es:/css/texts/text-wrap:content-v2Prueba text-wrap en CSS de forma interactiva. Compara wrap, nowrap, balance, pretty y stable sobre un bloque de texto estrecho.Prueba text-wrap en CSS de forma interactiva. Compara wrap, nowrap, balance, pretty y stable sobre un bloque de texto estrecho.CSStextshttps://baselinelab.dev/css/texts/text-box/baselinelab:es:/css/texts/text-box:content-v2Prueba text-box en CSS de forma interactiva. Ajusta text-box-trim y text-box-edge en un botón y copia la salida abreviada o individual.Prueba text-box en CSS de forma interactiva. Ajusta text-box-trim y text-box-edge en un botón y copia la salida abreviada o individual.CSStextshttps://baselinelab.dev/css/pseudoclasses/active/baselinelab:es:/css/pseudoclasses/active:content-v2Prueba la pseudo-clase :active en CSS de forma interactiva. Ajusta color, fondo, escala y decoración de texto para enlaces y botones activos.Prueba la pseudo-clase :active en CSS de forma interactiva. Ajusta color, fondo, escala y decoración de texto para enlaces y botones activos.CSSpseudoclasseshttps://baselinelab.dev/css/pseudoclasses/any-link/baselinelab:es:/css/pseudoclasses/any-link:content-v2Prueba la pseudo-clase :any-link en CSS de forma interactiva. Ajusta color, fondo y decoración para cualquier enlace con href.Prueba la pseudo-clase :any-link en CSS de forma interactiva. Ajusta color, fondo y decoración para cualquier enlace con href.CSSpseudoclasseshttps://baselinelab.dev/css/pseudoclasses/hover/baselinelab:es:/css/pseudoclasses/hover:content-v2Prueba la pseudo-clase :hover en CSS de forma interactiva. Ajusta color, fondo, escala y decoración de texto para enlaces y botones al pasar el puntero.Prueba la pseudo-clase :hover en CSS de forma interactiva. Ajusta color, fondo, escala y decoración de texto para enlaces y botones al pasar el puntero.CSSpseudoclasseshttps://baselinelab.dev/css/pseudoclasses/link/baselinelab:es:/css/pseudoclasses/link:content-v2Prueba la pseudo-clase :link en CSS de forma interactiva. Ajusta color, fondo y decoración de enlaces no visitados con href.Prueba la pseudo-clase :link en CSS de forma interactiva. Ajusta color, fondo y decoración de enlaces no visitados con href.CSSpseudoclasseshttps://baselinelab.dev/css/pseudoclasses/visited/baselinelab:es:/css/pseudoclasses/visited:content-v2Prueba la pseudo-clase :visited en CSS de forma interactiva. Ajusta colores permitidos para enlaces visitados y copia el CSS generado.Prueba la pseudo-clase :visited en CSS de forma interactiva. Ajusta colores permitidos para enlaces visitados y copia el CSS generado.CSSpseudoclasseshttps://baselinelab.dev/css/pseudoclasses/empty/baselinelab:es:/css/pseudoclasses/empty:content-v2Prueba la pseudo-clase :empty en CSS de forma interactiva. Compara elementos vacíos, comentarios, espacios en blanco y contenido real.Prueba la pseudo-clase :empty en CSS de forma interactiva. Compara elementos vacíos, comentarios, espacios en blanco y contenido real.CSSpseudoclasseshttps://baselinelab.dev/css/pseudoclasses/open/baselinelab:es:/css/pseudoclasses/open:content-v2Prueba la pseudo-clase :open en CSS de forma interactiva. Cambia el color de fondo y compara si se aplica solo al estado abierto o a todos los elementos.Prueba la pseudo-clase :open en CSS de forma interactiva. Cambia el color de fondo y compara si se aplica solo al estado abierto o a todos los elementos.CSSpseudoclasseshttps://baselinelab.dev/css/pseudoclasses/popover-open/baselinelab:es:/css/pseudoclasses/popover-open:content-v2Prueba la pseudo-clase :popover-open en CSS de forma interactiva. Abre un popover nativo y alterna un bloque de posicionamiento aplicado solo al estado visible.Prueba la pseudo-clase :popover-open en CSS de forma interactiva. Abre un popover nativo y alterna un bloque de posicionamiento aplicado solo al estado visible.CSSpseudoclasseshttps://baselinelab.dev/css/pseudoclasses/playing/baselinelab:es:/css/pseudoclasses/playing:content-v2Prueba la pseudo-clase :playing en CSS para elementos audio y video. Ajusta estilos de estado, reproduce la preview y copia CSS con @supports selector().Prueba la pseudo-clase :playing en CSS para elementos audio y video. Ajusta estilos de estado, reproduce la preview y copia CSS con @supports selector().CSSpseudoclasseshttps://baselinelab.dev/css/pseudoclasses/paused/baselinelab:es:/css/pseudoclasses/paused:content-v2Prueba la pseudo-clase :paused en CSS para audio y video. Personaliza el estado pausado, compara audio/video y copia el CSS generado.Prueba la pseudo-clase :paused en CSS para audio y video. Personaliza el estado pausado, compara audio/video y copia el CSS generado.CSSpseudoclasseshttps://baselinelab.dev/css/pseudoclasses/seeking/baselinelab:es:/css/pseudoclasses/seeking:content-v2Prueba la pseudo-clase :seeking en CSS para audio y video. Estiliza el estado de búsqueda en la línea de tiempo y copia CSS con @supports.Prueba la pseudo-clase :seeking en CSS para audio y video. Estiliza el estado de búsqueda en la línea de tiempo y copia CSS con @supports.CSSpseudoclasseshttps://baselinelab.dev/css/pseudoclasses/buffering/baselinelab:es:/css/pseudoclasses/buffering:content-v2Prueba la pseudo-clase :buffering en CSS para audio y video. Define estilos para espera de datos y copia CSS preparado con @supports selector().Prueba la pseudo-clase :buffering en CSS para audio y video. Define estilos para espera de datos y copia CSS preparado con @supports selector().CSSpseudoclasseshttps://baselinelab.dev/css/pseudoclasses/stalled/baselinelab:es:/css/pseudoclasses/stalled:content-v2Prueba la pseudo-clase :stalled en CSS para audio y video. Personaliza el estado de descarga detenida y copia el CSS generado.Prueba la pseudo-clase :stalled en CSS para audio y video. Personaliza el estado de descarga detenida y copia el CSS generado.CSSpseudoclasseshttps://baselinelab.dev/css/pseudoclasses/muted/baselinelab:es:/css/pseudoclasses/muted:content-v2Prueba la pseudo-clase :muted en CSS para audio y video. Cambia estilos cuando el medio está silenciado y copia el CSS generado.Prueba la pseudo-clase :muted en CSS para audio y video. Cambia estilos cuando el medio está silenciado y copia el CSS generado.CSSpseudoclasseshttps://baselinelab.dev/css/pseudoclasses/volume-locked/baselinelab:es:/css/pseudoclasses/volume-locked:content-v2Prueba la pseudo-clase :volume-locked en CSS para audio y video. Diseña estilos para controles de volumen bloqueados por plataforma.Prueba la pseudo-clase :volume-locked en CSS para audio y video. Diseña estilos para controles de volumen bloqueados por plataforma.CSSpseudoclasseshttps://baselinelab.dev/css/pseudoelements/backdrop/baselinelab:es:/css/pseudoelements/backdrop:content-v2Prueba el pseudoelemento ::backdrop en CSS. Cambia el color de fondo del backdrop de un dialog modal abierto con command y commandfor.Prueba el pseudoelemento ::backdrop en CSS. Cambia el color de fondo del backdrop de un dialog modal abierto con command y commandfor.CSSpseudoelementshttps://baselinelab.dev/css/pseudoelements/details-content/baselinelab:es:/css/pseudoelements/details-content:content-v2Prueba el pseudoelemento ::details-content en CSS para estilizar el contenido desplegable de un details nativo y copiar el código generado.Prueba el pseudoelemento ::details-content en CSS para estilizar el contenido desplegable de un details nativo y copiar el código generado.CSSpseudoelementshttps://baselinelab.dev/css/pseudoelements/search-text/baselinelab:es:/css/pseudoelements/search-text:content-v2Prueba ::search-text y ::search-text:current en CSS para personalizar las coincidencias de buscar en la página y copiar el código generado.Prueba ::search-text y ::search-text:current en CSS para personalizar las coincidencias de buscar en la página y copiar el código generado.CSSpseudoelementshttps://baselinelab.dev/css/pseudoelements/selection/baselinelab:es:/css/pseudoelements/selection:content-v2Prueba el pseudoelemento ::selection en CSS para personalizar el texto seleccionado por el usuario y copiar el código generado.Prueba el pseudoelemento ::selection en CSS para personalizar el texto seleccionado por el usuario y copiar el código generado.CSSpseudoelementshttps://baselinelab.dev/css/forms/customizable-select/baselinelab:es:/css/forms/customizable-select:content-v2Prueba los select personalizables con CSS. Ajusta selectedcontent, ::picker(select), ::picker-icon, ::checkmark y genera un fallback con @supports.Prueba los select personalizables con CSS. Ajusta selectedcontent, ::picker(select), ::picker-icon, ::checkmark y genera un fallback con @supports.CSSformshttps://baselinelab.dev/css/forms/field-sizing/baselinelab:es:/css/forms/field-sizing:content-v2Prueba field-sizing en CSS de forma interactiva. Cambia entre content y fixed, visualiza inputs, select y textarea compatibles y copia el CSS agrupado con :where().Prueba field-sizing en CSS de forma interactiva. Cambia entre content y fixed, visualiza inputs, select y textarea compatibles y copia el CSS agrupado con :where().CSSformshttps://baselinelab.dev/css/backgrounds/background-color/baselinelab:es:/css/backgrounds/background-color:content-v2Prueba background-color en CSS de forma interactiva. Elige un color, aplícalo a la previsualización al instante y copia el CSS generado.Prueba background-color en CSS de forma interactiva. Elige un color, aplícalo a la previsualización al instante y copia el CSS generado.CSSbackgroundshttps://baselinelab.dev/css/backgrounds/background-image/baselinelab:es:/css/backgrounds/background-image:content-v2Prueba background-image en CSS de forma interactiva. Inserta la URL de una imagen, ajusta position, size, repeat y attachment, y copia el CSS generado.Prueba background-image en CSS de forma interactiva. Inserta la URL de una imagen, ajusta position, size, repeat y attachment, y copia el CSS generado.CSSbackgroundshttps://baselinelab.dev/css/filters/filter/baselinelab:es:/css/filters/filter:content-v2Prueba filter en CSS de forma interactiva. Combina blur, brightness, contrast, drop-shadow, grayscale, hue-rotate, invert, opacity, saturate y sepia sobre una imagen o un fondo de color.Prueba filter en CSS de forma interactiva. Combina blur, brightness, contrast, drop-shadow, grayscale, hue-rotate, invert, opacity, saturate y sepia sobre una imagen o un fondo de color.CSSfiltershttps://baselinelab.dev/css/filters/backdrop-filter/baselinelab:es:/css/filters/backdrop-filter:content-v2Prueba backdrop-filter en CSS de forma interactiva. Aplica blur, brightness, contrast y otros filtros al área situada detrás de un texto semitransparente.Prueba backdrop-filter en CSS de forma interactiva. Aplica blur, brightness, contrast y otros filtros al área situada detrás de un texto semitransparente.CSSfiltershttps://baselinelab.dev/css/filters/mix-blend-mode/baselinelab:es:/css/filters/mix-blend-mode:content-v2Prueba mix-blend-mode en CSS de forma interactiva. Cambia el modo de mezcla, el fondo, el elemento y copia el HTML y CSS generado.Prueba mix-blend-mode en CSS de forma interactiva. Cambia el modo de mezcla, el fondo, el elemento y copia el HTML y CSS generado.CSSfiltershttps://baselinelab.dev/css/shadows/box-shadow/baselinelab:es:/css/shadows/box-shadow:content-v2Crea sombras de caja CSS con varias capas. Ajusta offset, blur, spread, color e inset, prueba presets y copia HTML, CSS o Tailwind CSS.Crea sombras de caja CSS con varias capas. Ajusta offset, blur, spread, color e inset, prueba presets y copia HTML, CSS o Tailwind CSS.CSSshadowshttps://baselinelab.dev/css/shadows/text-shadow/baselinelab:es:/css/shadows/text-shadow:content-v2Crea sombras de texto CSS con varias capas. Ajusta desplazamientos, desenfoque y color, prueba presets y copia HTML, CSS o Tailwind CSS.Crea sombras de texto CSS con varias capas. Ajusta desplazamientos, desenfoque y color, prueba presets y copia HTML, CSS o Tailwind CSS.CSSshadowshttps://baselinelab.dev/css/layouts/flexbox/baselinelab:es:/css/layouts/flexbox:content-v2Aprende y prueba CSS Flexbox visualmente. Consulta propiedades, sintaxis y valores, ajusta el contenedor y los ítems, y copia HTML, CSS o Tailwind.Aprende y prueba CSS Flexbox visualmente. Consulta propiedades, sintaxis y valores, ajusta el contenedor y los ítems, y copia HTML, CSS o Tailwind.CSSlayoutshttps://baselinelab.dev/css/layouts/grid/baselinelab:es:/css/layouts/grid:content-v2Construye layouts con CSS Grid de forma visual. Combina tracks iguales o personalizados, áreas, spans, auto-placement y alineación, y copia HTML, CSS o Tailwind.Construye layouts con CSS Grid de forma visual. Combina tracks iguales o personalizados, áreas, spans, auto-placement y alineación, y copia HTML, CSS o Tailwind.CSSlayoutshttps://baselinelab.dev/css/layouts/grid-lanes/baselinelab:es:/css/layouts/grid-lanes:content-v2Prueba display: grid-lanes de forma visual. Crea layouts masonry waterfall o brick, ajusta tracks, flow-tolerance, gaps y spans y copia HTML, CSS o Tailwind.Prueba display: grid-lanes de forma visual. Crea layouts masonry waterfall o brick, ajusta tracks, flow-tolerance, gaps y spans y copia HTML, CSS o Tailwind.CSSlayoutshttps://baselinelab.dev/css/layouts/columns/baselinelab:es:/css/layouts/columns:content-v2Prueba CSS Multicolumn de forma visual. Ajusta columns, column-width, column-count, gap, reglas, spans y fragmentación y copia HTML, CSS o Tailwind.Prueba CSS Multicolumn de forma visual. Ajusta columns, column-width, column-count, gap, reglas, spans y fragmentación y copia HTML, CSS o Tailwind.CSSlayoutshttps://baselinelab.dev/css/transforms/transform/baselinelab:es:/css/transforms/transform:content-v2Prueba transform en CSS de forma interactiva. Combina translate, rotate, scale, skew y perspective, cambia su orden, ajusta transform-origin y copia CSS, HTML o Tailwind.Prueba transform en CSS de forma interactiva. Combina translate, rotate, scale, skew y perspective, cambia su orden, ajusta transform-origin y copia CSS, HTML o Tailwind.CSStransformshttps://baselinelab.dev/css/spacing/margin/baselinelab:es:/css/spacing/margin:content-v2Prueba la propiedad CSS margin de forma interactiva. Ajusta el espacio exterior por lado o eje, usa auto para alinear o centrar y copia el CSS generado.Prueba la propiedad CSS margin de forma interactiva. Ajusta el espacio exterior por lado o eje, usa auto para alinear o centrar y copia el CSS generado.CSSspacinghttps://baselinelab.dev/css/spacing/padding/baselinelab:es:/css/spacing/padding:content-v2Prueba la propiedad CSS padding de forma interactiva. Ajusta el espacio interior por lado o eje, compara propiedades lógicas y copia el CSS generado.Prueba la propiedad CSS padding de forma interactiva. Ajusta el espacio interior por lado o eje, compara propiedades lógicas y copia el CSS generado.CSSspacinghttps://baselinelab.dev/css/spacing/gap-decorations/baselinelab:es:/css/spacing/gap-decorations:content-v2Prueba gap decorations en CSS para decorar los espacios entre filas y columnas de grid y flex. Ajusta row-rule, column-rule, visibility, break y overlap y copia el CSS generado.Prueba gap decorations en CSS para decorar los espacios entre filas y columnas de grid y flex. Ajusta row-rule, column-rule, visibility, break y overlap y copia el CSS generado.CSSspacinghttps://baselinelab.dev/css/scroll/scroll-margin/baselinelab:es:/css/scroll/scroll-margin:content-v2Prueba scroll-margin en CSS por todos los lados o con valores individuales. Cambia entre px y rem, visualiza el área de snap y copia CSS y Tailwind CSS.Prueba scroll-margin en CSS por todos los lados o con valores individuales. Cambia entre px y rem, visualiza el área de snap y copia CSS y Tailwind CSS.CSSscrollhttps://baselinelab.dev/css/scroll/scroll-padding/baselinelab:es:/css/scroll/scroll-padding:content-v2Prueba scroll-padding en CSS por todos los lados o con valores individuales. Cambia entre px, rem y %, visualiza el snapport y copia CSS y Tailwind CSS.Prueba scroll-padding en CSS por todos los lados o con valores individuales. Cambia entre px, rem y %, visualiza el snapport y copia CSS y Tailwind CSS.CSSscrollhttps://baselinelab.dev/css/scroll/scroll-snap/baselinelab:es:/css/scroll/scroll-snap:content-v2Prueba scroll-snap-type, scroll-snap-align, scroll-snap-stop, scroll-padding y scroll-margin en los ejes x, y y both. Copia HTML, CSS y Tailwind CSS.Prueba scroll-snap-type, scroll-snap-align, scroll-snap-stop, scroll-padding y scroll-margin en los ejes x, y y both. Copia HTML, CSS y Tailwind CSS.CSSscrollhttps://baselinelab.dev/css/scroll/css-carousel/baselinelab:es:/css/scroll/css-carousel:content-v2Crea un slider sin JavaScript con scroll snap, ::scroll-button(), ::scroll-marker y ::scroll-marker-group. Prueba cada capa y copia el HTML y CSS.Crea un slider sin JavaScript con scroll snap, ::scroll-button(), ::scroll-marker y ::scroll-marker-group. Prueba cada capa y copia el HTML y CSS.CSSscrollhttps://baselinelab.dev/css/scroll/scrollbar/baselinelab:es:/css/scroll/scrollbar:content-v2Prueba scrollbar-color, scrollbar-width y scrollbar-gutter en CSS de forma interactiva. Cambia colores, ancho y gutter y copia el código generado.Prueba scrollbar-color, scrollbar-width y scrollbar-gutter en CSS de forma interactiva. Cambia colores, ancho y gutter y copia el código generado.CSSscrollhttps://baselinelab.dev/html/elements/datalist/baselinelab:es:/html/elements/datalist:content-v2Prueba el elemento datalist de HTML con distintos tipos de input, edita sus sugerencias y copia el HTML generado.Prueba el elemento datalist de HTML con distintos tipos de input, edita sus sugerencias y copia el HTML generado.HTMLelementshttps://baselinelab.dev/html/elements/details/baselinelab:es:/html/elements/details:content-v2Prueba el elemento details de HTML de forma interactiva. Edita el summary y el contenido, cambia la dirección del texto y activa el atributo name para crear un grupo exclusivo.Prueba el elemento details de HTML de forma interactiva. Edita el summary y el contenido, cambia la dirección del texto y activa el atributo name para crear un grupo exclusivo.HTMLelementshttps://baselinelab.dev/html/elements/dialog/baselinelab:es:/html/elements/dialog:content-v2Prueba el elemento dialog de HTML con command, commandfor y closedby. Cambia el modo de cierre y copia el HTML nativo generado.Prueba el elemento dialog de HTML con command, commandfor y closedby. Cambia el modo de cierre y copia el HTML nativo generado.HTMLelementshttps://baselinelab.dev/html/elements/geolocation/baselinelab:es:/html/elements/geolocation:content-v2Prueba el elemento geolocation de HTML con autolocate, accuracymode y watch, revisa su fallback y copia el HTML generado.Prueba el elemento geolocation de HTML con autolocate, accuracymode y watch, revisa su fallback y copia el HTML generado.HTMLelementshttps://baselinelab.dev/html/elements/usermedia/baselinelab:es:/html/elements/usermedia:content-v2Prueba el elemento usermedia de HTML, configura las restricciones de cámara y micrófono y copia el HTML y JavaScript con fallback.Prueba el elemento usermedia de HTML, configura las restricciones de cámara y micrófono y copia el HTML y JavaScript con fallback.HTMLelementshttps://baselinelab.dev/html/elements/install/baselinelab:es:/html/elements/install:content-v2Prueba el elemento install de HTML para instalar la app actual o una app externa con installurl y manifestid.Prueba el elemento install de HTML para instalar la app actual o una app externa con installurl y manifestid.HTMLelementshttps://baselinelab.dev/html/elements/lists/baselinelab:es:/html/elements/lists:content-v2Prueba, mezcla y anida listas no ordenadas, ordenadas y de descripción en HTML. Ajusta sus opciones y copia el marcado generado.Prueba, mezcla y anida listas no ordenadas, ordenadas y de descripción en HTML. Ajusta sus opciones y copia el marcado generado.HTMLelementshttps://baselinelab.dev/html/elements/tables/baselinelab:es:/html/elements/tables:content-v2Crea tablas HTML accesibles con caption, encabezados, secciones, colspan, rowspan y colgroup, y copia el HTML y CSS generado.Crea tablas HTML accesibles con caption, encabezados, secciones, colspan, rowspan y colgroup, y copia el HTML y CSS generado.HTMLelementshttps://baselinelab.dev/html/elements/meter/baselinelab:es:/html/elements/meter:content-v2Prueba el elemento meter de HTML de forma interactiva. Ajusta value, min, max, low, high y optimum y copia el HTML generado.Prueba el elemento meter de HTML de forma interactiva. Ajusta value, min, max, low, high y optimum y copia el HTML generado.HTMLelementshttps://baselinelab.dev/html/elements/progress/baselinelab:es:/html/elements/progress:content-v2Prueba el elemento progress de HTML de forma interactiva. Ajusta max y value, alterna entre progreso determinado e indeterminado y copia el HTML generado.Prueba el elemento progress de HTML de forma interactiva. Ajusta max y value, alterna entre progreso determinado e indeterminado y copia el HTML generado.HTMLelementshttps://baselinelab.dev/html/elements/select/baselinelab:es:/html/elements/select:content-v2Prueba el elemento select de HTML de forma interactiva. Edita la etiqueta, añade option, optgroup y separadores, activa multiple y ajusta size.Prueba el elemento select de HTML de forma interactiva. Edita la etiqueta, añade option, optgroup y separadores, activa multiple y ajusta size.HTMLelementshttps://baselinelab.dev/html/attributes-apis/popover/baselinelab:es:/html/attributes-apis/popover:content-v2Prueba Popover API con HTML o JavaScript, los modos auto, hint y manual, acciones nativas, backdrop, posición y transiciones.Prueba Popover API con HTML o JavaScript, los modos auto, hint y manual, acciones nativas, backdrop, posición y transiciones.HTMLattributes-apis