Como acabar com o Rollover?
=======================
Rollover é um termo em inglês que se refere ao evento em que o cursor do 🍌 mouse passa por cima de um elemento na tela. No entanto, o termo "rollover" também é comumente usado para se 🍌 referir a um tipo específico de efeito em designs de interface do usuário. Esse efeito é quando um elemento muda 🍌 de aparência quando o usuário passa o cursor do mouse por cima dele.
Embora esse efeito possa ser interessante e atraente, 🍌 muitas vezes é desnecessário e pode ser confuso para alguns usuários. Além disso, alguns designers podem querer desativar esse efeito 🍌 em determinadas situações.
Aqui estão algumas maneiras de se desfazer do efeito rollover:
1. Usando CSS
------------
Você pode usar CSS para desativar o 🍌 efeito rollover em um elemento específico. Para fazer isso, basta definir a propriedade `transition` como `none`:
```css
.elemento:hover {
transition: none;
}
```
Isso 🍌 irá desativar qualquer tipo de transição ou animação que ocorra quando o usuário passar o cursor do mouse por cima 🍌 do elemento.
2. Usando JavaScript
-------------------
Também é possível usar JavaScript para desativar o efeito rollover. Para fazer isso, basta remover a classe 🍌 que adiciona o efeito rollover do elemento em questão quando o evento `mouseover` for acionado:
```javascript
const elemento = document.querySelector('.elemento');
elemento.addEventListener('mouseover', () => 🍌 {
elemento.classList.remove('rolleover');
});
```
Isso irá remover a classe `rolleover` do elemento quando o usuário passar o cursor do mouse por cima 🍌 dele, desativando assim o efeito rollover.
3. Desativando no HTML
---------------------
Finalmente, é possível desativar o efeito rollover desabilitando o atributo `onmouseover` no 🍌 elemento em questão:
```html
```
Isso irá desabilitar qualquer ação que esteja definida no atributo `onmouseover` do elemento, desativando assim o efeito rollover.