Lista de cursores CSS
Veja todos os 36 tipos de cursor que podem ser especificados com CSS cursor ao passar o mouse e copie o código
Características
Exibe todos os 36 tipos de cursor
Reúne palavras-chave padrão de CSS em uma única página
Visualize a forma real ao passar o mouse
O cursor muda de forma quando você passa o mouse sobre ele
Organizado em 6 grupos por caso de uso
Inclui descrições breves para facilitar a busca pelo cursor desejado
Copie o CSS com um clique
Fica pronto para colar na forma "cursor: pointer;"
Como usar
Procure por grupo
Procure por candidatos sob títulos organizados por caso de uso, como "Geral" e "Arrastar e soltar"
Passe o mouse para confirmar
Mova o cursor para a caixa "Passe o mouse aqui" para verificar a forma
Copie e cole
Obtenha o CSS com o botão "Copiar" e cole em sua folha de estilos
Casos de uso
Visualizar cursor de botões e links
Confirme a aparência do pointer para elementos clicáveis
Escolher cursor para UI de arrastar
Compare grab, move e copy para escolher a forma adequada para ações de reordenação e movimento
Diferenciar estados inativo e em processamento
Visualize as diferenças entre not-allowed, wait e progress para usar adequadamente
Memorizar valores no aprendizado de CSS
Veja e memorize os tipos de valores e significados que podem ser usados em cursor
Conhecimento fundamental
Diferença entre pointer e default
pointer é um cursor em forma de dedo usado para indicar elementos clicáveis como links e botões. default é o cursor de seta padrão do ambiente, normalmente usado sobre texto ou fundo onde clicar não faz nada.
Comportamento do valor inicial auto de cursor
O valor inicial da propriedade cursor é auto, no qual o navegador seleciona automaticamente a forma do cursor de acordo com a localização, como text sobre texto e default em outros lugares.
Razões pelas quais cursor não muda mesmo quando especificado
Quando o cursor não muda de forma mesmo após especificado, geralmente é porque outro elemento está sobreposto ou a especificação está sendo sobrescrita por outra regra.
- Elemento sobreposto：Se um elemento transparente ou pseudo-elemento estiver sobreposto, a forma do cursor seguirá a especificação cursor do elemento mais acima.
- Sobrescrita por especificidade：Quando múltiplas regras se aplicam ao mesmo elemento, a especificação cursor da regra com maior especificidade (força do seletor) tem prioridade.
- Diferenças entre SO e navegador：A aparência do cursor é fornecida pelo SO ou navegador, portanto a mesma forma pode parecer diferente entre Windows e macOS.
Segurança e privacidade
Tudo no navegador
Os dados inseridos são processados apenas no seu navegador e não são enviados para fora.
Processado apenas no navegador
Visualização do cursor e cópia do código é processado inteiramente no seu navegador, e os dados de entrada não são enviados para o servidor.
Comunicação criptografada com HTTPS
O carregamento da página também é criptografado por TLS, e o conteúdo não pode ser lido por terceiros.
Sem envio a terceiros
O conteúdo de entrada não é enviado para serviços externos como redes de publicidade ou rastreadores.
Sem salvamento automático de resultados
Código copiado e sugestões de entrada não são armazenadas no servidor.
Siga RAKKOTOOLS na Busca do Google
189 ferramentas úteis ficam mais fáceis de encontrar na Busca do Google e na Busca por IA!
- Encontrado na busca
- Exibido também na busca por IA
- Descubra novas ferramentas
Informações de atualização
- update #318
Adicione lista de cursores CSS, verifique todos os tipos de cursor ao passar o mouse e copie