Design for AIGêmeos em markdown
Todo snippet, estilo e recurso de Novo em CSS existe duas vezes: como a página que você está lendo e como um arquivo markdown puro no mesmo endereço com .md no final. Agentes leem o markdown; pessoas leem a página. O índice legível por máquina é /llms.txt.
Botões
btn-001 Tinta chapada
btn-002 Bloco cobalto
btn-003 Menta suave
btn-004 Carmesim largo
btn-005 Ardósia quadrado
btn-006 Girassol forte
btn-007 Violeta espaçado
btn-008 Carvão micro
btn-009 Contorno fino
btn-010 Contorno que preenche
btn-011 Texto ghost
btn-012 Contorno tracejado
btn-013 Contorno em linha dupla
btn-014 Ghost com borda no hover
btn-015 Pílula rosé
btn-016 Ghost invertido (fundo escuro)
btn-017 Pílula clássica
btn-018 Pílula em dois tons
btn-019 Pílula com anel
btn-020 Squircle
btn-021 Pílula que encolhe
btn-022 Cápsula com ponto
btn-023 Raio assimétrico
btn-024 Gradiente pôr do sol
btn-025 Deslize aurora
btn-026 Borda gradiente
btn-027 Ghost texto gradiente
btn-028 Oceano profundo
btn-029 Ponto de luz radial
btn-030 Mesh pastel
btn-031 Ouro metálico
btn-032 Pílula vidro fosco
btn-033 Vidro escuro
btn-034 Vidro com borda luminosa
btn-035 Vidro claro
btn-036 Aba de vidro
btn-037 Vidro com luz interna
btn-038 Argila em relevo
btn-039 Suave afundado
btn-040 Ícone circular suave
btn-041 Suave modo escuro
btn-042 Pílula suave acentuada
btn-043 Chip suave
btn-044 Neobrutal amarelo
btn-045 Pílula neobrutal rosa
btn-046 Brutalista mono
btn-047 Neobrutal sombra colorida
btn-048 Brutalista listrado
btn-049 Neobrutal escuro
btn-050 Tag brutalista
btn-051 Bala de pressionar
btn-052 Tecla de teclado
btn-053 Arcade vermelho
btn-054 Cartão que inclina
btn-055 Camadas empilhadas
btn-056 Chanfro cromado
btn-057 Preenchimento brasa
btn-058 Preenchimento que sobe
btn-059 Expansão central
btn-060 Varredura diagonal
btn-061 Cortina dividida
btn-062 Persiana de cima
btn-063 Varredura do canto
btn-064 Troca de texto
btn-065 Sublinhado crescente
btn-066 Sublinhado do centro
btn-067 Borda que se desenha
btn-068 Colchetes revelados
btn-069 Sublinhado duplo
btn-070 Marca-texto
btn-071 Reflexo em fundo escuro
btn-072 Brilho contínuo
btn-073 Brilho no topo
btn-074 Luz em contorno
btn-075 Reflexo em pílula dourada
btn-076 Seta que avança
btn-077 Mais que gira
btn-078 Download que cai
btn-079 Ícone ghost quadrado
btn-080 Caixa de ícone dividida
btn-081 Chevron revelado
btn-082 Anel de carregamento
btn-083 Loader de três pontos
btn-084 Barra de progresso
btn-085 Ghost pulsante
btn-086 Switch (checkbox)
btn-087 Pílula alternável
btn-088 Aba deslizante
btn-089 Ação dividida
btn-090 Par duplo
btn-091 Dividido com contador
btn-092 Pixel 8 bits
btn-093 Prompt de terminal
btn-094 CRT âmbar
btn-095 Cinza Win95
btn-096 Primário meia-noite
btn-097 Secundário meia-noite
btn-098 Segmentado triplo
btn-099 Grupo de botões unidos
btn-100 Grupo de filtros em pílula
btn-101 Anel cônico giratório
btn-102 Fatia cônica em órbita
btn-103 Anel com halo
btn-104 Tracejado em marcha
btn-105 Realce em varredura
btn-106 Neon ciano pulsante
btn-107 Batimento magenta
btn-108 Tubo lima tremulante
btn-109 Brasa respirando
btn-110 Ghost com brilho na borda
btn-111 Blob que se transforma
btn-112 Pílula líquida
btn-113 Interior de lava
btn-114 Canto em gota
btn-115 Squircle amassado
btn-116 Troca vertical de texto
btn-117 Face de cubo
btn-118 Tracking revelado
btn-119 Riscar e substituir
btn-120 Apagar de máquina de escrever
btn-121 Cartão inclinado elevado
btn-122 Atração magnética
btn-123 Camadas em parallax
btn-124 Balanço de pêndulo
btn-125 Inclinação skew
btn-126 Metal escovado
btn-127 Couro costurado
btn-128 Papel em relevo
btn-129 Tecla de vidro
btn-130 Botão giratório pressionado
btn-131 Bolha de argila
btn-132 Argila pêssego
btn-133 Ícone de argila menta
btn-134 Argila lavanda larga
btn-135 Argila modo escuro
btn-136 Deriva aurora
btn-137 Mesh nascer do sol
btn-138 Barra aurora boreal
btn-139 Folha holográfica
btn-140 Texto aurora em contorno
btn-141 Fatia glitch
btn-142 Cantos chanfrados
btn-143 Varredura de scanline
btn-144 Tag com recorte
btn-145 Separação RGB
btn-146 Preenchimento inset lateral
btn-147 Preenchimento inset vertical
btn-148 Preenchimento inset central
btn-149 Preenchimento inset duplo
btn-150 Anel inset que estoura
btn-151 Colchetes nos cantos
btn-152 Marcas nos quatro cantos
btn-153 Colchetes ao redor
btn-154 Pontos nos cantos
btn-155 Seta com brackets
btn-156 Adesivo inclinado
btn-157 Etiqueta com furo
btn-158 Carimbo redondo
btn-159 Fita no canto
btn-160 Adesivo com contorno
btn-161 Chip com fechar suave
btn-162 Chip com fechar contornado
btn-163 Chip selecionável com check
btn-164 Chip com contador e fechar
btn-165 Chip com avatar
btn-166 FAB clássico
btn-167 FAB estendido
btn-168 FAB com mais giratório
btn-169 FAB squircle gradiente
btn-170 Pilha de mini FABs
btn-171 Link com seta deslizante
btn-172 Seta que entra
btn-173 Seta em círculo
btn-174 Seta com linha longa
btn-175 Seta que quica
btn-176 Brilho IA gradiente
btn-177 Brilho IA contornado
btn-178 Brilho em órbita
btn-179 Brilho com reflexo
btn-180 Varinha mágica
btn-181 Segurar para confirmar
btn-182 Barra de progresso estática
btn-183 Anel de progresso cônico
btn-184 Listras indeterminadas
btn-185 Contagem regressiva
btn-186 Pílula de compartilhar
btn-187 Copiar link com feedback
btn-188 Linha de compartilhar dividida
btn-189 Compartilhar em leque
btn-190 Compartilhar com contador
btn-191 Banner CTA com subtítulo
btn-192 Banner CTA com seta
btn-193 Banner CTA gradiente
btn-194 Banner CTA com ícone
btn-195 Micro pílula
btn-196 Micro tecla
btn-197 Micro ícone quadrado
btn-198 Escala de tons color-mix
btn-199 Tema automático light-dark
btn-200 Squircle corner-shape
btn-002 Bloco cobalto
btn-003 Menta suave
btn-004 Carmesim largo
btn-005 Ardósia quadrado
btn-006 Girassol forte
btn-007 Violeta espaçado
btn-008 Carvão micro
btn-009 Contorno fino
btn-010 Contorno que preenche
btn-011 Texto ghost
btn-012 Contorno tracejado
btn-013 Contorno em linha dupla
btn-014 Ghost com borda no hover
btn-015 Pílula rosé
btn-016 Ghost invertido (fundo escuro)
btn-017 Pílula clássica
btn-018 Pílula em dois tons
btn-019 Pílula com anel
btn-020 Squircle
btn-021 Pílula que encolhe
btn-022 Cápsula com ponto
btn-023 Raio assimétrico
btn-024 Gradiente pôr do sol
btn-025 Deslize aurora
btn-026 Borda gradiente
btn-027 Ghost texto gradiente
btn-028 Oceano profundo
btn-029 Ponto de luz radial
btn-030 Mesh pastel
btn-031 Ouro metálico
btn-032 Pílula vidro fosco
btn-033 Vidro escuro
btn-034 Vidro com borda luminosa
btn-035 Vidro claro
btn-036 Aba de vidro
btn-037 Vidro com luz interna
btn-038 Argila em relevo
btn-039 Suave afundado
btn-040 Ícone circular suave
btn-041 Suave modo escuro
btn-042 Pílula suave acentuada
btn-043 Chip suave
btn-044 Neobrutal amarelo
btn-045 Pílula neobrutal rosa
btn-046 Brutalista mono
btn-047 Neobrutal sombra colorida
btn-048 Brutalista listrado
btn-049 Neobrutal escuro
btn-050 Tag brutalista
btn-051 Bala de pressionar
btn-052 Tecla de teclado
btn-053 Arcade vermelho
btn-054 Cartão que inclina
btn-055 Camadas empilhadas
btn-056 Chanfro cromado
btn-057 Preenchimento brasa
btn-058 Preenchimento que sobe
btn-059 Expansão central
btn-060 Varredura diagonal
btn-061 Cortina dividida
btn-062 Persiana de cima
btn-063 Varredura do canto
btn-064 Troca de texto
btn-065 Sublinhado crescente
btn-066 Sublinhado do centro
btn-067 Borda que se desenha
btn-068 Colchetes revelados
btn-069 Sublinhado duplo
btn-070 Marca-texto
btn-071 Reflexo em fundo escuro
btn-072 Brilho contínuo
btn-073 Brilho no topo
btn-074 Luz em contorno
btn-075 Reflexo em pílula dourada
btn-076 Seta que avança
btn-077 Mais que gira
btn-078 Download que cai
btn-079 Ícone ghost quadrado
btn-080 Caixa de ícone dividida
btn-081 Chevron revelado
btn-082 Anel de carregamento
btn-083 Loader de três pontos
btn-084 Barra de progresso
btn-085 Ghost pulsante
btn-086 Switch (checkbox)
btn-087 Pílula alternável
btn-088 Aba deslizante
btn-089 Ação dividida
btn-090 Par duplo
btn-091 Dividido com contador
btn-092 Pixel 8 bits
btn-093 Prompt de terminal
btn-094 CRT âmbar
btn-095 Cinza Win95
btn-096 Primário meia-noite
btn-097 Secundário meia-noite
btn-098 Segmentado triplo
btn-099 Grupo de botões unidos
btn-100 Grupo de filtros em pílula
btn-101 Anel cônico giratório
btn-102 Fatia cônica em órbita
btn-103 Anel com halo
btn-104 Tracejado em marcha
btn-105 Realce em varredura
btn-106 Neon ciano pulsante
btn-107 Batimento magenta
btn-108 Tubo lima tremulante
btn-109 Brasa respirando
btn-110 Ghost com brilho na borda
btn-111 Blob que se transforma
btn-112 Pílula líquida
btn-113 Interior de lava
btn-114 Canto em gota
btn-115 Squircle amassado
btn-116 Troca vertical de texto
btn-117 Face de cubo
btn-118 Tracking revelado
btn-119 Riscar e substituir
btn-120 Apagar de máquina de escrever
btn-121 Cartão inclinado elevado
btn-122 Atração magnética
btn-123 Camadas em parallax
btn-124 Balanço de pêndulo
btn-125 Inclinação skew
btn-126 Metal escovado
btn-127 Couro costurado
btn-128 Papel em relevo
btn-129 Tecla de vidro
btn-130 Botão giratório pressionado
btn-131 Bolha de argila
btn-132 Argila pêssego
btn-133 Ícone de argila menta
btn-134 Argila lavanda larga
btn-135 Argila modo escuro
btn-136 Deriva aurora
btn-137 Mesh nascer do sol
btn-138 Barra aurora boreal
btn-139 Folha holográfica
btn-140 Texto aurora em contorno
btn-141 Fatia glitch
btn-142 Cantos chanfrados
btn-143 Varredura de scanline
btn-144 Tag com recorte
btn-145 Separação RGB
btn-146 Preenchimento inset lateral
btn-147 Preenchimento inset vertical
btn-148 Preenchimento inset central
btn-149 Preenchimento inset duplo
btn-150 Anel inset que estoura
btn-151 Colchetes nos cantos
btn-152 Marcas nos quatro cantos
btn-153 Colchetes ao redor
btn-154 Pontos nos cantos
btn-155 Seta com brackets
btn-156 Adesivo inclinado
btn-157 Etiqueta com furo
btn-158 Carimbo redondo
btn-159 Fita no canto
btn-160 Adesivo com contorno
btn-161 Chip com fechar suave
btn-162 Chip com fechar contornado
btn-163 Chip selecionável com check
btn-164 Chip com contador e fechar
btn-165 Chip com avatar
btn-166 FAB clássico
btn-167 FAB estendido
btn-168 FAB com mais giratório
btn-169 FAB squircle gradiente
btn-170 Pilha de mini FABs
btn-171 Link com seta deslizante
btn-172 Seta que entra
btn-173 Seta em círculo
btn-174 Seta com linha longa
btn-175 Seta que quica
btn-176 Brilho IA gradiente
btn-177 Brilho IA contornado
btn-178 Brilho em órbita
btn-179 Brilho com reflexo
btn-180 Varinha mágica
btn-181 Segurar para confirmar
btn-182 Barra de progresso estática
btn-183 Anel de progresso cônico
btn-184 Listras indeterminadas
btn-185 Contagem regressiva
btn-186 Pílula de compartilhar
btn-187 Copiar link com feedback
btn-188 Linha de compartilhar dividida
btn-189 Compartilhar em leque
btn-190 Compartilhar com contador
btn-191 Banner CTA com subtítulo
btn-192 Banner CTA com seta
btn-193 Banner CTA gradiente
btn-194 Banner CTA com ícone
btn-195 Micro pílula
btn-196 Micro tecla
btn-197 Micro ícone quadrado
btn-198 Escala de tons color-mix
btn-199 Tema automático light-dark
btn-200 Squircle corner-shape
Cards
card-001 Conteúdo discreto
card-002 Foto com tag
card-003 Imagem com fade inferior
card-004 Rodapé com sombra suave
card-005 Zoom na imagem
card-006 Mídia à esquerda
card-007 Linha com miniatura
card-008 Barra de destaque escura
card-009 Mídia à direita
card-010 Avatar centralizado
card-011 Perfil com banner e stats
card-012 Linha de membro da equipe
card-013 Perfil com ponto de status
card-014 Crachá com avatar quadrado
card-015 Preço clássico
card-016 Plano pro em destaque
card-017 Preço em linhas
card-018 Divisor em camadas
card-019 Preço por assento
card-020 Badge e adicionar ao carrinho
card-021 Adicionar deslizando
card-022 Avaliação e amostras de cor
card-023 Fita de desconto
card-024 Linha de carrinho
card-025 Aspas grandes
card-026 Citação escura com estrelas
card-027 Citação com barra de destaque
card-028 Vidro fosco
card-029 Vidro noturno com bolhas
card-030 Relevo suave
card-031 Estatística em relevo escuro
card-032 Brutalista com sombra dura
card-033 Pôster com etiqueta
card-034 Borda cônica giratória
card-035 Borda em gradiente recortada
card-036 Elevação com brilho colorido
card-037 Inclinação em perspectiva
card-038 Virar no hover
card-039 Toque para virar
card-040 Legenda deslizante
card-041 Overlay escurecido
card-042 Blocos de estatísticas bento
card-043 Bloco bento pontilhado
card-044 Toast de sucesso
card-045 Toast de erro com contagem
card-046 Linha do tempo de releases
card-047 Assistente em etapas
card-048 Tema do sistema
card-049 Cores light-dark
card-050 Skeleton com reflexo
card-051 Linha skeleton pulsante
card-052 Download de arquivo
card-053 Área de upload
card-054 Prévia de link
card-055 Chip de link com favicon
card-056 Data grande
card-057 Faixa de horário
card-058 Player de música
card-059 Equalizador tocando agora
card-060 Pílula de variação
card-061 Estatística com sparkline
card-062 Estatística com anel
card-063 Recurso com ícone em bloco
card-064 Ícone em gradiente
card-065 Blog com autor
card-066 Linha de ensaio editorial
card-067 Enterprise em duas colunas
card-068 Anel gradiente com habilidades
card-069 Pilha com container query
card-070 Marcar para selecionar
card-071 Seletor de plano com radio
card-072 Linha alinhada com subgrid
card-073 Cantos squircle
card-074 Ingresso chanfrado
card-075 Cartão de embarque recortado
card-076 Cupom com código tracejado
card-077 Post de rede social
card-078 Thread de comentários
card-079 Balões de chat
card-080 Widget de clima
card-081 Receita com chips
card-082 Vaga de emprego
card-083 Progresso do curso
card-084 Tarefa marcada
card-085 Nota adesiva
card-086 Moldura polaroid
card-087 Cartão de pagamento brilhante
card-088 Baralho em leque
card-089 Holofote no canto
card-090 Gradiente à deriva
card-091 Granulação de papel
card-092 Borda de tubo neon
card-093 Placeholder de adicionar
card-094 Mini citação com logo
card-095 Changelog de versão
card-096 Métricas antes e depois
card-097 Linha de loja de apps
card-098 Miniatura com play
card-099 Endereço com pino
card-100 Inscrição em newsletter
card-002 Foto com tag
card-003 Imagem com fade inferior
card-004 Rodapé com sombra suave
card-005 Zoom na imagem
card-006 Mídia à esquerda
card-007 Linha com miniatura
card-008 Barra de destaque escura
card-009 Mídia à direita
card-010 Avatar centralizado
card-011 Perfil com banner e stats
card-012 Linha de membro da equipe
card-013 Perfil com ponto de status
card-014 Crachá com avatar quadrado
card-015 Preço clássico
card-016 Plano pro em destaque
card-017 Preço em linhas
card-018 Divisor em camadas
card-019 Preço por assento
card-020 Badge e adicionar ao carrinho
card-021 Adicionar deslizando
card-022 Avaliação e amostras de cor
card-023 Fita de desconto
card-024 Linha de carrinho
card-025 Aspas grandes
card-026 Citação escura com estrelas
card-027 Citação com barra de destaque
card-028 Vidro fosco
card-029 Vidro noturno com bolhas
card-030 Relevo suave
card-031 Estatística em relevo escuro
card-032 Brutalista com sombra dura
card-033 Pôster com etiqueta
card-034 Borda cônica giratória
card-035 Borda em gradiente recortada
card-036 Elevação com brilho colorido
card-037 Inclinação em perspectiva
card-038 Virar no hover
card-039 Toque para virar
card-040 Legenda deslizante
card-041 Overlay escurecido
card-042 Blocos de estatísticas bento
card-043 Bloco bento pontilhado
card-044 Toast de sucesso
card-045 Toast de erro com contagem
card-046 Linha do tempo de releases
card-047 Assistente em etapas
card-048 Tema do sistema
card-049 Cores light-dark
card-050 Skeleton com reflexo
card-051 Linha skeleton pulsante
card-052 Download de arquivo
card-053 Área de upload
card-054 Prévia de link
card-055 Chip de link com favicon
card-056 Data grande
card-057 Faixa de horário
card-058 Player de música
card-059 Equalizador tocando agora
card-060 Pílula de variação
card-061 Estatística com sparkline
card-062 Estatística com anel
card-063 Recurso com ícone em bloco
card-064 Ícone em gradiente
card-065 Blog com autor
card-066 Linha de ensaio editorial
card-067 Enterprise em duas colunas
card-068 Anel gradiente com habilidades
card-069 Pilha com container query
card-070 Marcar para selecionar
card-071 Seletor de plano com radio
card-072 Linha alinhada com subgrid
card-073 Cantos squircle
card-074 Ingresso chanfrado
card-075 Cartão de embarque recortado
card-076 Cupom com código tracejado
card-077 Post de rede social
card-078 Thread de comentários
card-079 Balões de chat
card-080 Widget de clima
card-081 Receita com chips
card-082 Vaga de emprego
card-083 Progresso do curso
card-084 Tarefa marcada
card-085 Nota adesiva
card-086 Moldura polaroid
card-087 Cartão de pagamento brilhante
card-088 Baralho em leque
card-089 Holofote no canto
card-090 Gradiente à deriva
card-091 Granulação de papel
card-092 Borda de tubo neon
card-093 Placeholder de adicionar
card-094 Mini citação com logo
card-095 Changelog de versão
card-096 Métricas antes e depois
card-097 Linha de loja de apps
card-098 Miniatura com play
card-099 Endereço com pino
card-100 Inscrição em newsletter
Estilos
Glassmorphism
Liquid glass
Neumorphism
Claymorphism
Neobrutalismo
Brutalismo clássico
Estilo suíço / tipográfico internacional
Editorial / revista
Minimalismo
Maximalismo
Bento grid
Midnight SaaS
Terminal / hacker
Pixel retrô / 8-bit
Y2K / Frutiger Aero
Vaporwave
Cyberpunk / neon
Memphis
Bauhaus
Art Deco
Flat 2.0
Material 3 Expressive
Esqueumorfismo
Papel / caderno
Minimal quente papel creme
Corporate Memphis (estilo de ilustração)
Monocromático preto e branco
Acessibilidade de alto contraste
UI pastel suave
Gradiente mesh / aurora
Vidro + granulado
Desenhado à mão / sketch
Zine / colagem
Minimalismo japonês (ma)
Escandinavo
Industrial / blueprint / engenharia
Luxo / serifa de moda
Arredondado lúdico (estilo Duolingo)
Infantil / livro de histórias
Retrofuturismo
HUD sci-fi
Formas orgânicas / blobs
Só tipografia
Guiado por fotografia
Cinético / motion-first
E-ink / calmo de baixo contraste
Dashboard / denso em dados
Governamental / institucional limpo
Neo-grotesca tech
Brilho gradiente de startup de IA (o visual slop padrão)
Liquid glass
Neumorphism
Claymorphism
Neobrutalismo
Brutalismo clássico
Estilo suíço / tipográfico internacional
Editorial / revista
Minimalismo
Maximalismo
Bento grid
Midnight SaaS
Terminal / hacker
Pixel retrô / 8-bit
Y2K / Frutiger Aero
Vaporwave
Cyberpunk / neon
Memphis
Bauhaus
Art Deco
Flat 2.0
Material 3 Expressive
Esqueumorfismo
Papel / caderno
Minimal quente papel creme
Corporate Memphis (estilo de ilustração)
Monocromático preto e branco
Acessibilidade de alto contraste
UI pastel suave
Gradiente mesh / aurora
Vidro + granulado
Desenhado à mão / sketch
Zine / colagem
Minimalismo japonês (ma)
Escandinavo
Industrial / blueprint / engenharia
Luxo / serifa de moda
Arredondado lúdico (estilo Duolingo)
Infantil / livro de histórias
Retrofuturismo
HUD sci-fi
Formas orgânicas / blobs
Só tipografia
Guiado por fotografia
Cinético / motion-first
E-ink / calmo de baixo contraste
Dashboard / denso em dados
Governamental / institucional limpo
Neo-grotesca tech
Brilho gradiente de startup de IA (o visual slop padrão)
Novo em 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>)))