EstruturaIniciante
Damas — duas fileiras corretas
Prévia das 16 primeiras casas com peças encaixadas nas casas escuras.
ACERVO REUTILIZÁVEL
Códigos prontos
Pesquise, visualize e adapte recursos para construir seus próprios projetos.
32recursos disponíveis
CHEGARAM AGORA
Códigos recentes
Interação JavaScriptIniciante
LÓGICA — Uma seleção por vez
Remove a marcação anterior antes de selecionar uma nova peça.
Interação JavaScriptIniciante
INTERAÇÃO — Clique em um elemento
Localiza as peças e executa uma ação quando uma delas recebe um clique.
OutrosIniciante
ESTADO — Peça selecionada
Cria uma indicação visual para mostrar qual peça foi escolhida.
EXPLORE O ACERVO
32 resultado(s)Todos os códigos
OutrosIniciante
COMPONENTE — Bloco de grade
Cria um bloco quadrado que pode ser repetido dentro de uma grade.
OutrosIniciante
COMPONENTE — Peça circular
Cria o formato básico de uma peça que pode ser reutilizado pelos dois jogadores.
EstruturaIniciante
Damas — duas fileiras corretas
Prévia das 16 primeiras casas com peças encaixadas nas casas escuras.
OutrosIniciante
ESTADO — Peça selecionada
Cria uma indicação visual para mostrar qual peça foi escolhida.
LayoutIniciante
Grade Responsiva com CSS Grid
Organiza elementos em linhas e colunas de tamanhos iguais usando CSS Grid.
Interação JavaScriptIniciante
INTERAÇÃO — Clique em um elemento
Localiza as peças e executa uma ação quando uma delas recebe um clique.
LayoutIniciante
LAYOUT — Centralizar peça
Mantém a peça no centro da casa usando alinhamento horizontal e vertical.
LayoutIniciante
LAYOUT — Grade com CSS Grid
Organiza blocos em colunas iguais usando CSS Grid.
Interação JavaScriptIniciante
LÓGICA — Uma seleção por vez
Remove a marcação anterior antes de selecionar uma nova peça.
AnimaçõesIniciante
Mudança suave de cor — Hover com transition
Muda fundo, texto e borda de uma seção suavemente no hover.
Estilo visualIniciante
PADRÃO — Blocos alternados
Apresenta duas sequências de blocos claros e escuros para formar um padrão quadriculado.
OutrosIniciante
Palavra com brilho — text-shadow
Produz um brilho colorido atrás de uma palavra ou pequeno trecho.