Cursor

Cursor Image Hover

Também chamada Hover image follow, Image preview on hover

Uma imagem de prévia segue o ponteiro ao passar sobre um item de uma lista de texto.

Listas de projetos, menus

  • Cursor: Image hover

Ver o código da demo

Prompt

Substitua [onde] pela parte da sua página e cole o prompt no seu agente de IA. Cada prompt traz o nome da animação, então da próxima vez basta pedir pelo nome.

Adicione um efeito "Cursor Image Hover" (também chamado hover image follow ou image preview on hover) em [onde].
Enquanto o ponteiro estiver sobre um item de uma lista de texto, uma pequena imagem de prévia desse item deve flutuar ao lado do ponteiro, seguindo-o com um leve atraso suave e deslizando para a próxima imagem quando o ponteiro passar para outro item.
A prévia nunca deve bloquear cliques na lista, e a lista deve continuar totalmente utilizável sem ela no toque e no teclado.

Substitua [onde] pela parte da sua página e cole o prompt no seu agente de IA. Cada prompt traz o nome da animação, então da próxima vez basta pedir pelo nome.