CSS desativar o efeito pairar

CSS desativar o efeito pairar
No CSS, um elemento responde iniciando efeitos de transição sempre que um usuário paira sobre ele. É um método eficaz para melhorar a experiência do usuário e é usado para chamar a atenção para os componentes cruciais de uma página da web. Para fazer isso, você pode definir o “Ponteiro-eventos”Propriedade CSS do elemento com o valor“nenhum”.

Esta posta.

Como aplicar o CSS desativar o efeito de pairar?

Para aplicar CSS para desativar o efeito pairar, use o CSS “Ponteiro-eventos”Propriedade e defina o valor desta propriedade como“nenhum”. Para fazer isso, siga as instruções dadas.

Etapa 1: faça um contêiner div

Primeiro, faça um contêiner de div com a ajuda do “”Elemento e insira um atributo de identificação ou classe com um nome específico.

Etapa 2: Insira o cabeçalho

Em seguida, utilize a tag de cabeçalho e o texto incorporado dentro da tag de título. Para esse fim, o

tag é usada.

Etapa 3: Adicione “” tag

Depois disso, adicione o “”Tag, e com a ajuda de“Href”, Adicione um URL da página que o link navega. Além disso, adicione um “aula”Atributo com um nome específico e um texto incorporado entre a tag" "para exibir:


Linuxhint Oficial Site


Linuxhint

Saída

Etapa 4: estilo “Div” contêiner

Acesse o contêiner Div usando o valor de identificação como “#principal”:

#principal
margem: 50px;
preenchimento: 30px;
borda: 3px verde sólido;
Background-Color: RGB (173, 224, 173);

Em seguida, aplique as propriedades mencionadas listadas abaixo:

  • ““margem" e "preenchimento”Ambos são utilizados para especificar o espaço na página HTML. Enquanto a "margem" é usada para adicionar espaço fora do limite, e "preenchimento" é para espaçamento interno.
  • ““fronteira”Define um limite em torno de um elemento específico.
  • ““cor de fundo”Determina a cor na parte traseira do elemento.

Saída

Etapa 5: Desative o efeito “Passe o mouse”

Acesse o "”Elemento com o nome da classe como“.nohover”:

.nohover
Ponteiro-eventos: nenhum;
cor de fundo: RGB (240, 116, 116);

Em seguida, aplique o “Ponteiro-eventos”Propriedade que regula como os componentes HTML reagem a mouse/touch, JavaScript Click/Tap e States ativos/pairar CSS, bem como se o cursor é exibido ou não.

Saída

Isso se trata de tudo sobre o CSS desativar o efeito de pairar.

Conclusão

Para aplicar CSS para desativar o efeito pairar, use o CSS “Ponteiro-eventos”Propriedade e defina o valor desta propriedade como“nenhum”. A propriedade Pointer-Event é utilizada para regular como os componentes HTML reagem ao mouse/toque, JavaScript Click/Tap e States CSS ativos/pairar, bem como se o cursor é exibido ou não ou não. Esta posta.