Caixa de Ferramentas CodeW3C.com
- Página anterior Caixa de Ferramentas CodeW3C.com
- Próxima página Barra de ícones
Caixa de Ferramentas CodeW3C.com
Bem-vindo ao mundo colorido e diversificado da frente. Você pode aprofundar seu conhecimento sobre os elementos de interface de usuário comuns e os métodos de interação aqui.
Preparamos centenas de casos para você, bem como milhares de trechos de código, para ajudar você a realizar treinamento prático.
Estes casos são muito excelentes:
- Explicação passo a passo
- Comentários claros
- Demonstração interativa dentro da página
- Teste TIY online
- Belos, altamente úteis, altamente reutilizáveis
- HTML, CSS, JavaScript nativos
Esperamos que você tenha uma experiência de aprendizado prazerosa e eficiente!
Catálogo
- Barra de ícones
- Ícone de menu
- Acordeão
- Tabulação
- Tabulação vertical
- Título da tabulação
- Tabulação completa da página
- Tab de sobreposição
- Navegação superior
- Navegação superior responsiva
- Navegação dividida
- Barra de navegação com ícone
- Menu de pesquisa
- Barra de pesquisa
- Barra lateral fixa
- Navegação lateral
- Barra lateral responsiva
- Navegação em tela cheia
- Menu fora da tela
- Botão de navegação lateral suspenso
- Barra lateral com ícone
- Menu de rolagem horizontal
- Menu vertical
- Navegação inferior
- Navegação inferior responsiva
- Link de navegação de borda inferior
- Link de menu alinhado à direita
- Link de menu centralizado
- Link de menu alinhado à largura
- Menu fixo
- Barra de navegação deslizante ao rolar
- Barra de navegação oculta ao rolar
- Barra de navegação diminuída ao rolar
- Barra de navegação adesiva
- Barra de navegação na imagem
- Menu suspenso de passagem
- Menu suspenso de clique
- Menu suspenso de cascata
- Menu suspenso na barra de navegação superior
- Menu suspenso na barra lateral
- Barra de navegação responsiva com menu suspenso
- Menu de navegação inferior
- Menu de arrasto
- Menu super
- Menu móvel
- Menu de cortina
- Barra lateral dobrável
- Painel lateral dobrável
- Paginação
- Navegação de pão
- Grupo de botões
- Grupo de botões verticais
- Barra social adesiva
- Navegação em cápsula
- Cabeçalho responsivo
- Slide
- Galeria de slides
- Imagem modal
- Lightbox
- Grade de imagens responsiva
- Grade de imagens
- Biblioteca de imagens
- Biblioteca de imagens rolável
- Biblioteca de imagens de guia
- Desaparecer sobreposta na imagem
- Deslizar sobreposta na imagem
- Zoom sobreposto na imagem
- Título sobreposto na imagem
- Ícone sobreposta na imagem
- Efeito de imagem
- Imagem preto e branco
- Texto de imagem
- Bloco de texto de imagem
- Texto de imagem transparente
- Imagem de página inteira
- Formulário na imagem
- Foco na imagem
- Imagem de fundo borrada
- Alternar fundo ao rolar
- Imagens lado a lado
- Imagem arredondada
- Imagem de perfil
- Imagem responsiva
- Imagem centralizada
- Miniatura
- Borda de imagem
- Introdução da equipe
- Imagem adesiva
- Inverter imagem
- Imagem sacudida
- Galeria de coleções
- Coleção filtrável
- Zoom de imagem
- Lente de zoom de imagem
- Slider de comparação de imagens
- Ícone do site
- Botão de aviso
- Botão de contorno
- Botão de divisão
- Botão animado
- Botão de gradiente
- Botão na imagem
- Botão de mídias sociais
- Mais/ menos leitura
- Botão de carregamento
- Botão de download
- Botão em cápsula
- Botão de notificação
- Botão de ícone
- Botão de página seguinte/anterior
- Mais botões na navegação
- Botão em bloco
- Botão de texto
- Botão arredondado
- Botão de voltar ao topo
- Formulário de login
- Formulário de registro
- Tabela de checkout
- Formulário de contato
- Tabela de login social
- Formulário de inscrição
- Formulário com ícone
- Inscreva-se na newsletter
- Formulário empilhado
- Formulário responsivo
- Formulário emergente
- Formulário em linha
- Limpar caixa de entrada
- Ocultar setas numéricas
- Copiar texto para a área de transferência
- Pesquisa animada
- Botão de pesquisa
- Pesquisa em tela cheia
- Caixa de entrada na barra de navegação
- Formulário de login na barra de navegação
- Caixa de seleção personalizada/caixa de seleção de única escolha
- Caixa de seleção personalizada
- Alternar interruptor
- Marcar caixa de seleção
- Detecção de travamento de maiúsculas
- Ativar botão com tecla Enter
- Verificação de senha
- Alternar visibilidade da senha
- Formulário de multi-passos
- Completação automática
- Fechar completação automática
- Fechar verificação ortográfica
- Botão de upload de arquivo
- Validação de Entrada Vazia
- Vídeo em Tela Completa
- Modál
- Caixa de Modál
- Linha do Tempo
- Indicador de Rolar
- Barras de Progresso
- Barras de Habilidade
- Controlador de Escala
- Seletor de Cor
- Campo de E-mail
- Dica de Ferramenta
- Elemento Exibido ao Passar o Mouse
- Janela Pop-Up
- Conteúdo Colapsável
- Calendário
- HTML Incluído
- Lista de Tarefas
- Carregador
- Emblema
- Avaliação de Estrela
- Avaliação do Usuário
- Efeito de Superposição
- Chip de Contato
- Cartão
- Cartão de Inversão
- Cartão de Perfil
- Cartão de Produto
- Aviso
- Caixa de Dicas
- Nota
- Tag
- Fita
- Nuvem de Tags
- Círculo
- Linha Horizontal Estilizada
- Cupom
- Grupo de Lista
- Grupo de Lista com Emblema
- Lista sem Ícones
- Texto Responisible
- Texto de Sombra
- Texto Brilhante
- Rodapé Fixo
- Elemento Adesivo
- Altura Iguais
- Limpar o Float
- Float Responisible
- Barra de Notificação
- Janela de Tela Completa
- Desenhar Rolar
- Rolar Suavemente
- Fundo de Background Gradiente
- Cabeçalho Adesivo
- Encolher a Cabeçalho ao Rolar
- Tabela de Preços
- Rolar com Parallax
- Proporção de Largura e Altura
- Frame Inline Responisible
- Alternar Gostar/Não Gostar
- Alternar Ocultar/Exibir
- Alternar o Modo Escuro
- Alternar o Texto
- Alternar a Classe
- Adicionar a Classe
- Remover a Classe
- Mudar a Classe
- Classe Ativa
- Visão em Árvore
- Remover o Ponto Decimal
- Remover Atributo
- Detecção de Off-Line
- Encontrar Elementos Ocultos
- Redirecionar a Página da Web
- Formatação de Número
- Zoom ao Passar o Mouse
- Caixa de Inversão
- Centralizado Verticalmente
- Botão Centralizado no DIV
- Lista Centralizada
- Transição de Passo
- Seta
- Forma
- Link de Download
- Elemento de Altura Total
- Janela do Navegador
- Barra de Rolagem Personalizada
- Ocultar a Barra de Rolagem
- Mostrar/Forçar a Mostrar a Barra de Rolagem
- Aparência do Dispositivo
- Borda do Conteúdo Editável
- Cor do Placeholder
- Desabilitar o Redimensionamento da Área de Texto
- Desabilitar a Seleção de Texto
- Cor da Seleção de Texto
- Cor do Ícone de Lista
- Linha Vertical
- Linha de Divisão
- Linha de Texto de Divisão
- Ícone de Animação
- Contador Regressivo
- Efeito de Teclado
- Página em Breve
- Mensagem de Chat
- Janela de Chat Pop-Up
- Tela Dividida
- Avaliação do Cliente
- Contador de Bloco
- Diapositivos de Citação
- Itens de Lista Fecháveis
- Ponto de Break de Dispositivo Tipico
- Elementos HTML Arrastáveis
- Consultas de Mídia do JS
- Highlighter de Sintaxe
- Animação do JS
- Tamanho da String do JS
- Operação de Exponenciação do JS
- Parâmetro Padrão do JS
- Número Aleatório do JS
- JS Array de Valores Ordenado
- Operador de expansão JS
- Rolar para a vista JS
- Obter a data atual
- Obter a URL atual
- Obter o tamanho da tela atual
- Obter o elemento iframe
- Página anterior Caixa de Ferramentas CodeW3C.com
- Próxima página Barra de ícones
