Design for AIGemelos en markdown
Cada snippet, estilo y funcionalidad de Nuevo en CSS existe dos veces: como la página que estás leyendo y como un archivo markdown plano en la misma dirección con .md al final. Los agentes leen el markdown; las personas leen la página. El índice legible por máquinas es /llms.txt.
Botones
btn-001 Tinta plana
btn-002 Bloque cobalto
btn-003 Menta suave
btn-004 Carmesí ancho
btn-005 Pizarra cuadrado
btn-006 Girasol intenso
btn-007 Violeta con tracking
btn-008 Carbón micro
btn-009 Contorno fino
btn-010 Contorno con relleno
btn-011 Fantasma de texto
btn-012 Contorno discontinuo
btn-013 Contorno de línea doble
btn-014 Fantasma borde hover
btn-015 Píldora rosa contorno
btn-016 Fantasma invertido (fondo oscuro)
btn-017 Píldora clásica
btn-018 Píldora bicolor
btn-019 Píldora con anillo
btn-020 Squircle
btn-021 Píldora que encoge
btn-022 Cápsula con punto
btn-023 Radio asimétrico
btn-024 Degradado atardecer
btn-025 Cambio aurora
btn-026 Borde degradado
btn-027 Fantasma con texto degradado
btn-028 Océano profundo
btn-029 Punto radial
btn-030 Malla pastel
btn-031 Oro metálico
btn-032 Píldora de cristal esmerilado
btn-033 Cristal oscuro
btn-034 Cristal con borde luminoso
btn-035 Botón de cristal claro
btn-036 Pestaña de cristal
btn-037 Cristal con luz interior
btn-038 Arcilla en relieve
btn-039 Suave hundido
btn-040 Icono circular suave
btn-041 Suave modo oscuro
btn-042 Píldora suave con acento
btn-043 Chip suave conmutable
btn-044 Neobrutal amarillo
btn-045 Píldora neobrutal rosa
btn-046 Brutalista mono
btn-047 Neobrutal sombra de color
btn-048 Brutalista a rayas
btn-049 Neobrutal oscuro
btn-050 Etiqueta brutalista
btn-051 Pulsación caramelo
btn-052 Tecla de teclado
btn-053 Arcade rojo
btn-054 Inclinación al pulsar
btn-055 Capas apiladas
btn-056 Bisel cromado
btn-057 Relleno brasa deslizante
btn-058 Relleno ascendente
btn-059 Florecer central
btn-060 Barrido diagonal
btn-061 Cortina partida
btn-062 Persiana descendente
btn-063 Barrido desde la esquina
btn-064 Cambio de texto deslizante
btn-065 Subrayado creciente
btn-066 Subrayado desde el centro
btn-067 Trazado de borde
btn-068 Corchetes que aparecen
btn-069 Subrayado doble
btn-070 Trazo de rotulador
btn-071 Destello oscuro
btn-072 Brillo continuo
btn-073 Brillo superior glossy
btn-074 Luz en contorno
btn-075 Destello en píldora dorada
btn-076 Flecha que avanza
btn-077 Más giratorio
btn-078 Descarga que cae
btn-079 Icono fantasma cuadrado
btn-080 Caja de icono dividida
btn-081 Chevron que aparece
btn-082 Carga con anillo giratorio
btn-083 Carga de tres puntos
btn-084 Barra de progreso
btn-085 Fantasma de carga pulsante
btn-086 Interruptor (checkbox)
btn-087 Píldora conmutable (pressed)
btn-088 Pestaña deslizante
btn-089 Acción dividida
btn-090 Par doble
btn-091 Dividido con contador
btn-092 Píxel 8 bits
btn-093 Prompt de terminal
btn-094 CRT ámbar
btn-095 Gris Win95
btn-096 Primario medianoche
btn-097 Secundario medianoche
btn-098 Segmentado triple
btn-099 Grupo de botones unidos
btn-100 Grupo de filtros píldora
btn-101 Anillo cónico giratorio
btn-102 Cuña cónica en órbita
btn-103 Anillo con halo
btn-104 Guiones en marcha
btn-105 Barrido de brillo
btn-106 Pulso neón cian
btn-107 Latido magenta
btn-108 Tubo lima parpadeante
btn-109 Brasa que respira
btn-110 Fantasma con borde luminoso
btn-111 Blob que muta
btn-112 Píldora líquida
btn-113 Interior lámpara de lava
btn-114 Esquina de gota
btn-115 Squircle aplastado
btn-116 Cambio de texto vertical
btn-117 Cara de cubo
btn-118 Tracking que se abre
btn-119 Tachar y sustituir
btn-120 Borrado máquina de escribir
btn-121 Elevación con inclinación
btn-122 Atracción magnética
btn-123 Capas con parallax
btn-124 Balanceo de péndulo
btn-125 Inclinación sesgada
btn-126 Metal cepillado
btn-127 Cuero cosido
btn-128 Papel en relieve
btn-129 Cúpula de cristal
btn-130 Dial pulsado
btn-131 Burbuja de arcilla
btn-132 Arcilla melocotón
btn-133 Icono de arcilla menta
btn-134 Arcilla lavanda ancha
btn-135 Arcilla modo oscuro
btn-136 Deriva aurora
btn-137 Malla amanecer
btn-138 Barra aurora boreal
btn-139 Lámina holográfica
btn-140 Texto aurora en contorno
btn-141 Corte glitch
btn-142 Esquinas achaflanadas
btn-143 Barrido de líneas CRT
btn-144 Etiqueta con muesca
btn-145 Separación RGB en hover
btn-146 Relleno inset lateral
btn-147 Relleno inset vertical
btn-148 Relleno inset central
btn-149 Relleno inset diagonal doble
btn-150 Relleno inset con salto
btn-151 Corchetes en esquinas
btn-152 Marcas en cuatro esquinas
btn-153 Corchetes alrededor del texto
btn-154 Puntos en las esquinas
btn-155 Flechas de etiqueta
btn-156 Pegatina inclinada
btn-157 Etiqueta de precio
btn-158 Sello de goma
btn-159 Cinta en la esquina
btn-160 Pegatina con contorno
btn-161 Chip con cierre suave
btn-162 Chip con cierre outline
btn-163 Chip seleccionable
btn-164 Chip con contador
btn-165 Chip con avatar
btn-166 FAB clásico
btn-167 FAB extendido
btn-168 FAB con giro
btn-169 FAB squircle degradado
btn-170 Pila de mini FAB
btn-171 Enlace con flecha
btn-172 Flecha que entra
btn-173 Flecha en círculo
btn-174 Flecha de línea larga
btn-175 Flecha con rebote
btn-176 Destello IA degradado
btn-177 Destello IA outline
btn-178 Destello en órbita
btn-179 Destello con brillo
btn-180 Varita mágica
btn-181 Mantener para confirmar
btn-182 Progreso estático
btn-183 Anillo de progreso
btn-184 Rayas indeterminadas
btn-185 Cuenta atrás
btn-186 Píldora compartir
btn-187 Copiar enlace
btn-188 Fila compartir dividida
btn-189 Compartir en abanico
btn-190 Compartir con contador
btn-191 Banner CTA con subtítulo
btn-192 Banner CTA con flecha
btn-193 Banner CTA degradado
btn-194 Banner CTA con icono
btn-195 Micro píldora
btn-196 Micro tecla
btn-197 Micro icono cuadrado
btn-198 Escala con color-mix
btn-199 Tema automático light-dark
btn-200 Squircle con corner-shape
btn-002 Bloque cobalto
btn-003 Menta suave
btn-004 Carmesí ancho
btn-005 Pizarra cuadrado
btn-006 Girasol intenso
btn-007 Violeta con tracking
btn-008 Carbón micro
btn-009 Contorno fino
btn-010 Contorno con relleno
btn-011 Fantasma de texto
btn-012 Contorno discontinuo
btn-013 Contorno de línea doble
btn-014 Fantasma borde hover
btn-015 Píldora rosa contorno
btn-016 Fantasma invertido (fondo oscuro)
btn-017 Píldora clásica
btn-018 Píldora bicolor
btn-019 Píldora con anillo
btn-020 Squircle
btn-021 Píldora que encoge
btn-022 Cápsula con punto
btn-023 Radio asimétrico
btn-024 Degradado atardecer
btn-025 Cambio aurora
btn-026 Borde degradado
btn-027 Fantasma con texto degradado
btn-028 Océano profundo
btn-029 Punto radial
btn-030 Malla pastel
btn-031 Oro metálico
btn-032 Píldora de cristal esmerilado
btn-033 Cristal oscuro
btn-034 Cristal con borde luminoso
btn-035 Botón de cristal claro
btn-036 Pestaña de cristal
btn-037 Cristal con luz interior
btn-038 Arcilla en relieve
btn-039 Suave hundido
btn-040 Icono circular suave
btn-041 Suave modo oscuro
btn-042 Píldora suave con acento
btn-043 Chip suave conmutable
btn-044 Neobrutal amarillo
btn-045 Píldora neobrutal rosa
btn-046 Brutalista mono
btn-047 Neobrutal sombra de color
btn-048 Brutalista a rayas
btn-049 Neobrutal oscuro
btn-050 Etiqueta brutalista
btn-051 Pulsación caramelo
btn-052 Tecla de teclado
btn-053 Arcade rojo
btn-054 Inclinación al pulsar
btn-055 Capas apiladas
btn-056 Bisel cromado
btn-057 Relleno brasa deslizante
btn-058 Relleno ascendente
btn-059 Florecer central
btn-060 Barrido diagonal
btn-061 Cortina partida
btn-062 Persiana descendente
btn-063 Barrido desde la esquina
btn-064 Cambio de texto deslizante
btn-065 Subrayado creciente
btn-066 Subrayado desde el centro
btn-067 Trazado de borde
btn-068 Corchetes que aparecen
btn-069 Subrayado doble
btn-070 Trazo de rotulador
btn-071 Destello oscuro
btn-072 Brillo continuo
btn-073 Brillo superior glossy
btn-074 Luz en contorno
btn-075 Destello en píldora dorada
btn-076 Flecha que avanza
btn-077 Más giratorio
btn-078 Descarga que cae
btn-079 Icono fantasma cuadrado
btn-080 Caja de icono dividida
btn-081 Chevron que aparece
btn-082 Carga con anillo giratorio
btn-083 Carga de tres puntos
btn-084 Barra de progreso
btn-085 Fantasma de carga pulsante
btn-086 Interruptor (checkbox)
btn-087 Píldora conmutable (pressed)
btn-088 Pestaña deslizante
btn-089 Acción dividida
btn-090 Par doble
btn-091 Dividido con contador
btn-092 Píxel 8 bits
btn-093 Prompt de terminal
btn-094 CRT ámbar
btn-095 Gris Win95
btn-096 Primario medianoche
btn-097 Secundario medianoche
btn-098 Segmentado triple
btn-099 Grupo de botones unidos
btn-100 Grupo de filtros píldora
btn-101 Anillo cónico giratorio
btn-102 Cuña cónica en órbita
btn-103 Anillo con halo
btn-104 Guiones en marcha
btn-105 Barrido de brillo
btn-106 Pulso neón cian
btn-107 Latido magenta
btn-108 Tubo lima parpadeante
btn-109 Brasa que respira
btn-110 Fantasma con borde luminoso
btn-111 Blob que muta
btn-112 Píldora líquida
btn-113 Interior lámpara de lava
btn-114 Esquina de gota
btn-115 Squircle aplastado
btn-116 Cambio de texto vertical
btn-117 Cara de cubo
btn-118 Tracking que se abre
btn-119 Tachar y sustituir
btn-120 Borrado máquina de escribir
btn-121 Elevación con inclinación
btn-122 Atracción magnética
btn-123 Capas con parallax
btn-124 Balanceo de péndulo
btn-125 Inclinación sesgada
btn-126 Metal cepillado
btn-127 Cuero cosido
btn-128 Papel en relieve
btn-129 Cúpula de cristal
btn-130 Dial pulsado
btn-131 Burbuja de arcilla
btn-132 Arcilla melocotón
btn-133 Icono de arcilla menta
btn-134 Arcilla lavanda ancha
btn-135 Arcilla modo oscuro
btn-136 Deriva aurora
btn-137 Malla amanecer
btn-138 Barra aurora boreal
btn-139 Lámina holográfica
btn-140 Texto aurora en contorno
btn-141 Corte glitch
btn-142 Esquinas achaflanadas
btn-143 Barrido de líneas CRT
btn-144 Etiqueta con muesca
btn-145 Separación RGB en hover
btn-146 Relleno inset lateral
btn-147 Relleno inset vertical
btn-148 Relleno inset central
btn-149 Relleno inset diagonal doble
btn-150 Relleno inset con salto
btn-151 Corchetes en esquinas
btn-152 Marcas en cuatro esquinas
btn-153 Corchetes alrededor del texto
btn-154 Puntos en las esquinas
btn-155 Flechas de etiqueta
btn-156 Pegatina inclinada
btn-157 Etiqueta de precio
btn-158 Sello de goma
btn-159 Cinta en la esquina
btn-160 Pegatina con contorno
btn-161 Chip con cierre suave
btn-162 Chip con cierre outline
btn-163 Chip seleccionable
btn-164 Chip con contador
btn-165 Chip con avatar
btn-166 FAB clásico
btn-167 FAB extendido
btn-168 FAB con giro
btn-169 FAB squircle degradado
btn-170 Pila de mini FAB
btn-171 Enlace con flecha
btn-172 Flecha que entra
btn-173 Flecha en círculo
btn-174 Flecha de línea larga
btn-175 Flecha con rebote
btn-176 Destello IA degradado
btn-177 Destello IA outline
btn-178 Destello en órbita
btn-179 Destello con brillo
btn-180 Varita mágica
btn-181 Mantener para confirmar
btn-182 Progreso estático
btn-183 Anillo de progreso
btn-184 Rayas indeterminadas
btn-185 Cuenta atrás
btn-186 Píldora compartir
btn-187 Copiar enlace
btn-188 Fila compartir dividida
btn-189 Compartir en abanico
btn-190 Compartir con contador
btn-191 Banner CTA con subtítulo
btn-192 Banner CTA con flecha
btn-193 Banner CTA degradado
btn-194 Banner CTA con icono
btn-195 Micro píldora
btn-196 Micro tecla
btn-197 Micro icono cuadrado
btn-198 Escala con color-mix
btn-199 Tema automático light-dark
btn-200 Squircle con corner-shape
Tarjetas
card-001 Contenido discreto
card-002 Foto con etiqueta
card-003 Fundido inferior
card-004 Pie con sombra suave
card-005 Zoom de imagen
card-006 Fila con media izquierda
card-007 Fila con miniatura
card-008 Barra de acento oscura
card-009 Media a la derecha
card-010 Avatar centrado
card-011 Perfil con banner
card-012 Fila de equipo
card-013 Perfil con estado
card-014 Carné con avatar cuadrado
card-015 Precios clásico
card-016 Plan pro destacado
card-017 Precios en línea
card-018 Divisor por niveles
card-019 Precio por asiento
card-020 Insignia y añadir al carrito
card-021 Añadir deslizante
card-022 Valoración y muestras
card-023 Cinta de descuento
card-024 Línea de carrito
card-025 Comillas grandes
card-026 Cita oscura con estrellas
card-027 Cita con barra de acento
card-028 Cristal esmerilado
card-029 Cristal nocturno
card-030 Relieve suave
card-031 Estadística en relieve oscuro
card-032 Brutalista con sombra dura
card-033 Póster con pegatina
card-034 Borde cónico giratorio
card-035 Borde degradado recortado
card-036 Elevación con brillo
card-037 Inclinación en perspectiva
card-038 Volteo en hover
card-039 Tocar para voltear
card-040 Pie deslizante
card-041 Superposición oscura
card-042 Baldosas bento de estadísticas
card-043 Baldosa bento punteada
card-044 Toast de éxito
card-045 Toast de error con cuenta atrás
card-046 Línea de tiempo de versiones
card-047 Asistente por pasos
card-048 Tema del sistema
card-049 Colores light-dark
card-050 Esqueleto con brillo
card-051 Fila esqueleto pulsante
card-052 Descarga de archivo
card-053 Zona de subida
card-054 Vista previa de enlace
card-055 Chip de enlace con favicon
card-056 Fecha grande
card-057 Franja horaria
card-058 Reproductor de música
card-059 Ecualizador en reproducción
card-060 Píldora de variación
card-061 Estadística con sparkline
card-062 Estadística con anillo
card-063 Característica con baldosa
card-064 Icono degradado
card-065 Blog con autor
card-066 Fila de ensayo editorial
card-067 Enterprise a dos columnas
card-068 Anillo degradado y habilidades
card-069 Pila con container query
card-070 Marcar para seleccionar
card-071 Selector de plan con radio
card-072 Fila alineada con subgrid
card-073 Esquinas squircle
card-074 Ticket biselado
card-075 Tarjeta de embarque
card-076 Cupón con código
card-077 Publicación social
card-078 Hilo de comentarios anidado
card-079 Burbujas de chat
card-080 Widget del tiempo
card-081 Receta con chips
card-082 Oferta de empleo
card-083 Progreso de curso
card-084 Tarea marcada
card-085 Nota adhesiva
card-086 Marco polaroid
card-087 Tarjeta de pago brillante
card-088 Baraja en abanico
card-089 Foco en la esquina
card-090 Degradado a la deriva
card-091 Grano de papel
card-092 Borde de tubo de neón
card-093 Marcador de añadir nuevo
card-094 Mini cita con logo
card-095 Registro de cambios
card-096 Métricas antes y después
card-097 Fila de tienda de apps
card-098 Miniatura con play
card-099 Dirección con pin
card-100 Alta en newsletter
card-002 Foto con etiqueta
card-003 Fundido inferior
card-004 Pie con sombra suave
card-005 Zoom de imagen
card-006 Fila con media izquierda
card-007 Fila con miniatura
card-008 Barra de acento oscura
card-009 Media a la derecha
card-010 Avatar centrado
card-011 Perfil con banner
card-012 Fila de equipo
card-013 Perfil con estado
card-014 Carné con avatar cuadrado
card-015 Precios clásico
card-016 Plan pro destacado
card-017 Precios en línea
card-018 Divisor por niveles
card-019 Precio por asiento
card-020 Insignia y añadir al carrito
card-021 Añadir deslizante
card-022 Valoración y muestras
card-023 Cinta de descuento
card-024 Línea de carrito
card-025 Comillas grandes
card-026 Cita oscura con estrellas
card-027 Cita con barra de acento
card-028 Cristal esmerilado
card-029 Cristal nocturno
card-030 Relieve suave
card-031 Estadística en relieve oscuro
card-032 Brutalista con sombra dura
card-033 Póster con pegatina
card-034 Borde cónico giratorio
card-035 Borde degradado recortado
card-036 Elevación con brillo
card-037 Inclinación en perspectiva
card-038 Volteo en hover
card-039 Tocar para voltear
card-040 Pie deslizante
card-041 Superposición oscura
card-042 Baldosas bento de estadísticas
card-043 Baldosa bento punteada
card-044 Toast de éxito
card-045 Toast de error con cuenta atrás
card-046 Línea de tiempo de versiones
card-047 Asistente por pasos
card-048 Tema del sistema
card-049 Colores light-dark
card-050 Esqueleto con brillo
card-051 Fila esqueleto pulsante
card-052 Descarga de archivo
card-053 Zona de subida
card-054 Vista previa de enlace
card-055 Chip de enlace con favicon
card-056 Fecha grande
card-057 Franja horaria
card-058 Reproductor de música
card-059 Ecualizador en reproducción
card-060 Píldora de variación
card-061 Estadística con sparkline
card-062 Estadística con anillo
card-063 Característica con baldosa
card-064 Icono degradado
card-065 Blog con autor
card-066 Fila de ensayo editorial
card-067 Enterprise a dos columnas
card-068 Anillo degradado y habilidades
card-069 Pila con container query
card-070 Marcar para seleccionar
card-071 Selector de plan con radio
card-072 Fila alineada con subgrid
card-073 Esquinas squircle
card-074 Ticket biselado
card-075 Tarjeta de embarque
card-076 Cupón con código
card-077 Publicación social
card-078 Hilo de comentarios anidado
card-079 Burbujas de chat
card-080 Widget del tiempo
card-081 Receta con chips
card-082 Oferta de empleo
card-083 Progreso de curso
card-084 Tarea marcada
card-085 Nota adhesiva
card-086 Marco polaroid
card-087 Tarjeta de pago brillante
card-088 Baraja en abanico
card-089 Foco en la esquina
card-090 Degradado a la deriva
card-091 Grano de papel
card-092 Borde de tubo de neón
card-093 Marcador de añadir nuevo
card-094 Mini cita con logo
card-095 Registro de cambios
card-096 Métricas antes y después
card-097 Fila de tienda de apps
card-098 Miniatura con play
card-099 Dirección con pin
card-100 Alta en newsletter
Estilos
Glassmorphism
Liquid glass
Neumorphism
Claymorphism
Neo-brutalismo
Brutalismo clásico
Estilo suizo / tipográfico internacional
Editorial / revista
Minimalismo
Maximalismo
Retícula bento
SaaS de medianoche
Terminal / hacker
Retro pixel / 8 bits
Y2K / Frutiger Aero
Vaporwave
Cyberpunk / neón
Memphis
Bauhaus
Art Deco
Flat 2.0
Material 3 Expressive
Skeuomorfismo
Papel / cuaderno
Minimal cálido en papel crema
Corporate Memphis (estilo de ilustración)
Monocromo blanco y negro
Accesibilidad de alto contraste
Soft UI pastel
Gradiente mesh / aurora
Cristal + grano de ruido
Dibujado a mano / boceto
Fanzine / collage
Minimal japonés (ma)
Escandinavo
Industrial / blueprint / ingeniería
Serif de lujo / moda
Redondeado juguetón (tipo Duolingo)
Infantil / libro de cuentos
Retrofuturismo
HUD de ciencia ficción
Formas orgánicas / blobs
Solo tipografía
Guiado por la fotografía
Cinético / movimiento primero
Tinta electrónica / calma de bajo contraste
Dashboard / denso en datos
Gubernamental / institucional limpio
Tech neogrotesca
Resplandor en gradiente de startup de IA (el look slop por defecto)
Liquid glass
Neumorphism
Claymorphism
Neo-brutalismo
Brutalismo clásico
Estilo suizo / tipográfico internacional
Editorial / revista
Minimalismo
Maximalismo
Retícula bento
SaaS de medianoche
Terminal / hacker
Retro pixel / 8 bits
Y2K / Frutiger Aero
Vaporwave
Cyberpunk / neón
Memphis
Bauhaus
Art Deco
Flat 2.0
Material 3 Expressive
Skeuomorfismo
Papel / cuaderno
Minimal cálido en papel crema
Corporate Memphis (estilo de ilustración)
Monocromo blanco y negro
Accesibilidad de alto contraste
Soft UI pastel
Gradiente mesh / aurora
Cristal + grano de ruido
Dibujado a mano / boceto
Fanzine / collage
Minimal japonés (ma)
Escandinavo
Industrial / blueprint / ingeniería
Serif de lujo / moda
Redondeado juguetón (tipo Duolingo)
Infantil / libro de cuentos
Retrofuturismo
HUD de ciencia ficción
Formas orgánicas / blobs
Solo tipografía
Guiado por la fotografía
Cinético / movimiento primero
Tinta electrónica / calma de bajo contraste
Dashboard / denso en datos
Gubernamental / institucional limpio
Tech neogrotesca
Resplandor en gradiente de startup de IA (el look slop por defecto)
Nuevo en CSS
Container queries (size) + cqi/cqw units
:has() relational selector
CSS nesting
Cascade layers (@layer)
Subgrid
color-mix()
oklch() / oklab() colors
Relative color syntax (from)
light-dark()
@property (registered custom properties)
text-wrap: balance
Popover attribute + ::backdrop
<dialog> improvements (closedby, :modal, requestClose)
@starting-style + transition-behavior: allow-discrete
inert attribute
:user-valid / :user-invalid
accent-color
Stepped value functions: round(), mod(), rem(), abs(), sign()
Trigonometric functions: sin(), cos(), tan(), atan2()
animation-composition
offset-path with shapes (motion path)
CSS masking (mask, mask-image, mask-composite) unprefixed
backdrop-filter
scrollbar-gutter, scrollbar-width, scrollbar-color
Exclusive accordions (details name=) + ::details-content
Custom Highlight API (::highlight()) + ::target-text
View transitions, same document (document.startViewTransition)
:open pseudo-class
Container style queries (custom properties)
@scope
field-sizing: content
contrast-color()
shape() for clip-path / offset-path
sibling-index() and sibling-count()
text-box-trim / text-box-edge (text-box shorthand)
Anchor positioning: anchor(), position-area, position-try
Name-only container queries + comma-separated queries
lh / rlh units (and rcap, rch, rex, ric)
Scroll-driven animations (animation-timeline: scroll() / view())
Cross-document view transitions (@view-transition)
text-wrap: pretty
popover="hint"
dialog closedby="any" (light-dismiss dialogs)
color-mix() with many colors + light-dark() for images
margin-trim
Standard line-clamp (unprefixed) and -webkit-line-clamp
CSS Typed OM (CSSStyleValue, attributeStyleMap, CSS.px)
revert-rule keyword
interpolate-size / calc-size() (animate to height:auto)
corner-shape (squircle, scoop, notch, bevel, superellipse())
CSS if() conditional function
@function custom functions
reading-flow / reading-order
CSS carousels: ::scroll-button(), ::scroll-marker(), ::scroll-marker-group
Scroll-state container queries (stuck, snapped, scrollable, scrolled)
text-fit (fit-to-width headlines)
background-clip: border-area (gradient borders)
Gap decorations (column-rule / row-rule in grid and flex)
random() and progress() functions
Grid Lanes (CSS-only masonry)
Customizable <select> (appearance: base-select, ::picker(select))
Typed attr() (attr(data-x type(<length>)))
:has() relational selector
CSS nesting
Cascade layers (@layer)
Subgrid
color-mix()
oklch() / oklab() colors
Relative color syntax (from)
light-dark()
@property (registered custom properties)
text-wrap: balance
Popover attribute + ::backdrop
<dialog> improvements (closedby, :modal, requestClose)
@starting-style + transition-behavior: allow-discrete
inert attribute
:user-valid / :user-invalid
accent-color
Stepped value functions: round(), mod(), rem(), abs(), sign()
Trigonometric functions: sin(), cos(), tan(), atan2()
animation-composition
offset-path with shapes (motion path)
CSS masking (mask, mask-image, mask-composite) unprefixed
backdrop-filter
scrollbar-gutter, scrollbar-width, scrollbar-color
Exclusive accordions (details name=) + ::details-content
Custom Highlight API (::highlight()) + ::target-text
View transitions, same document (document.startViewTransition)
:open pseudo-class
Container style queries (custom properties)
@scope
field-sizing: content
contrast-color()
shape() for clip-path / offset-path
sibling-index() and sibling-count()
text-box-trim / text-box-edge (text-box shorthand)
Anchor positioning: anchor(), position-area, position-try
Name-only container queries + comma-separated queries
lh / rlh units (and rcap, rch, rex, ric)
Scroll-driven animations (animation-timeline: scroll() / view())
Cross-document view transitions (@view-transition)
text-wrap: pretty
popover="hint"
dialog closedby="any" (light-dismiss dialogs)
color-mix() with many colors + light-dark() for images
margin-trim
Standard line-clamp (unprefixed) and -webkit-line-clamp
CSS Typed OM (CSSStyleValue, attributeStyleMap, CSS.px)
revert-rule keyword
interpolate-size / calc-size() (animate to height:auto)
corner-shape (squircle, scoop, notch, bevel, superellipse())
CSS if() conditional function
@function custom functions
reading-flow / reading-order
CSS carousels: ::scroll-button(), ::scroll-marker(), ::scroll-marker-group
Scroll-state container queries (stuck, snapped, scrollable, scrolled)
text-fit (fit-to-width headlines)
background-clip: border-area (gradient borders)
Gap decorations (column-rule / row-rule in grid and flex)
random() and progress() functions
Grid Lanes (CSS-only masonry)
Customizable <select> (appearance: base-select, ::picker(select))
Typed attr() (attr(data-x type(<length>)))