Perguntas com a tag [hover]
A tag hover não tem possui recomendações de uso.
63
perguntas
0
votos
2respostas
45 visitas
Como remover e adicionar classe HTML dinamicamente com JavaScript
Consegui resolver através do JQuery, porém queria uma solução apenas em JavaScript puro.
Tenho uma nav com 4 links no header, a li em que o usurário se encontra possui uma classe selected por padrão, ...
-1
votos
1resposta
35 visitas
Gostaria de fazer o efeito hover aplicar-se a div inteira, não apenas nas escritas
Assim como está nesse site:https://www.smitefire.com/smite/gods#
.white {
color: #ffffff;
}
.god_susano {
border-bottom: 3px solid #e6b800;
}
#gods_border {
border: 1px solid gray;
width:...
0
votos
1resposta
20 visitas
O hover não sobrepõem algumas imagens outras sim
Galera o problema é que quando passo o mouse a primeira imagem não sobrepõem a segunda, mas a primeira está sobrepondo a primeira. E a imagem sobrepõem alguns textos e outros não.
<!DOCTYPE ...
-1
votos
1resposta
41 visitas
Como deixar uma estrutura modificada com efeito :active
Gente, fiz o seguinte código e estou em dúvida com as pseudo-classes, no caso eu criei botões mas a alteração do efeito :active só acontece enquanto mantenho cursor pressionado, há alguma maneira de ...
0
votos
1resposta
116 visitas
Problemas com mouse hover em css [fechada]
tudo bom? estou com o seguinte problema com mouse hover, comecei a ver algumas aulas de html e css e estou com um projeto pessoal, eu fiz um código simples apenas para estudar mouse hover porém ele ...
0
votos
1resposta
552 visitas
hover em imagem utilizando bootstrap
Estou tentando aplicar um efeito com hover, porém não estou conseguindo. Estou utilizando bootstrap 4. Eu consegui realizar o que quero ou quase isso, o problema é que aparece abaixo e não sobre a ...
0
votos
0respostas
53 visitas
Efeitos de hover acontecendo automaticamente em @media
Olá!
Estou fazendo um efeito de hover no meu projeto (Atribuindo um estilo CSS a um elemento específico dentro de uma div), em caixas, que quando eu passo o mouse ela se expande e exibe um ...
-2
votos
1resposta
30 visitas
Filter transition hover não esta funcionando, alguém pode me ajudar? [fechada]
Tentei de varias maneiras, mas não deu certo, aqui esta meu código:
.left {
left: -100px;
margin-top: 50px;
filter: contrast(0.8) brightness(1.2) saturate(1.4) blur(4px);
-webkit-filter: ...
1
voto
3respostas
260 visitas
Mudar fundo gradiente de DIV com hover em botões
Estou estudando HTML5 e CSS3 através de um curso EAD. Fiz uma tela com botões de redes sociais com efeito ao passar o mouse sobre (apenas treinamento). O botão sobe e abaixo aparece o nome da rede ...
2
votos
1resposta
107 visitas
Como fazer um botão ser clicável após determinado tempo em hover?
Para o botão poder ser clicado o usuário precisa ficar com o mouse em cima dele por 2 segundos.
0
votos
0respostas
52 visitas
Transições e atualização da página
Eu estou aprendendo css agora através de sites e cursos. Quando eu crio um elemento e quero fazer hover nele, eu coloco transition no elemento. A questão é: Quando eu atualizo minha página (f5), o ...
4
votos
2respostas
30 visitas
Espaço indesejado em uma borda com evento hover
Estou tentando replicar o efeito do menu do OW de seleção de modos de jogo e me deparei com o seguinte problema:
Aparentemente está funcionando direito. Porém, quando a borda aparece, tem um ...
1
voto
5respostas
2mil visitas
Como colocar background-color em cima de background-image
Eu preciso colocar uma div com um fundo background-image, e ao passar o mouse em cima dela com o :hover, apareça um background-color rgba transparente, e a imagem do fundo não desapareça, ficará ...
1
voto
1resposta
256 visitas
Hover em terceira div afetar a primeira - Elemento irmão anterior - Com CSS Puro
<div class="selelikes-wrap">
<div class="selelike">
<span><</span>
</div>
<div>
<span>0</span>
</div>
<div class="seleunlike">
<...
2
votos
2respostas
78 visitas
Mouse Hover não funciona nas células do calendário circular em SVG
gostaria de pedir ajuda novamente, estou com dificuldade em fazer funcionar o hover (CSS) sobre o meu SVG. Trata-se de um calendário circular com 31 dias, divididos em três turnos (cada camada é um ...
2
votos
1resposta
101 visitas
Hover no SVG na minha página não responde
Eu estou tentando criar um círculo com diversas divisões em SVG, e cada seção ao passar o mouse, eu gostaria que a cor de fundo mudasse.
No entanto o código que eu estou tentando usar não está ...
0
votos
1resposta
83 visitas
Impedir que o pseudo elemento ::before receba os efeitos de hover aplicados ao seu pai
Olá, estou aplicando hover a um elemento, e este contem um pseudo elemento before, no qual está recebendo os efeitos de hover de seu elemento pai.
Esta imagem mostra o problema:
Veja que o elemento ...
1
voto
1resposta
688 visitas
Como aplicar hover em todos os *irmãos ou *filhos?
Boa noite Galera, essa é minha primeira pergunta aqui no forum, então desculpem se não formula da melhor forma.
O problema que estou enfrentando é de aplicar o efeito css :hover em todos os elementos ...
1
voto
1resposta
116 visitas
Como especificar um endereço que está fora de um conjunto de 'div'
Fiz um menu com efeito 'hover' porém pretendo mudar a cor da barra cinza do menu, ao encostar o cursor nos botões "pesquisar e News" mas não sei como especificar o endereço .navbar(responsável pela ...
0
votos
2respostas
190 visitas
Animação zoomIn fica piscando com mouseenter
Estou usando animate.css pra dar zoom em uma imagem. A ideia é que a animação funcione apenas com o hover/mouseenter, ou seja, quando o usuário passar o mouse em cima dela. Quando utilizo qualquer ...
0
votos
1resposta
117 visitas
Hover especifico para touch
Existe algum Hover do CSS para touch? Ou modo de emular um com javascript que apenas ative se for touch?
1
voto
2respostas
486 visitas
Como eu posso usar mouseover para mudar o background color de uma div?
Olá, gostaria de mudar a cor do background de uma div quando coloca o cursor nela, como faço isso?
Div em questão [HTML]:
<div class='container2'>
<div class="MP">
&...
0
votos
0respostas
25 visitas
Botão não aparece em todas as musicas
Boas pessoal
É o seguinte, estou a fazer com javascript botoes para adicionar as musicas aos favoritos, mas o botao de mais que adicionei e estilizei com css não aparece em todas as musicas, so ...
0
votos
1resposta
759 visitas
Efeito hover com javascript chamando classe css
Quero substituir a classe 'produto' pela classe 'produtocomprar' com javascript, assim que passar o mouse pela div. Como faço esse código?
Js
$(function(){
$(".produto").hover(
function(){
//Ao ...
2
votos
2respostas
219 visitas
Hover em navegação com html e css
Boas pessoal, é o seguinte, já ando atrás disso À algum tempo. Ando a tentar fazer uma box À volta dos links em hover, essa box vai ter de uma uma shadow e cantos arredondados, alguém me pode ajudar?
...
0
votos
1resposta
36 visitas
Tremble/ Shaking quando faço hover em h4
Alguém pode indicar-me o que fazer para impedir que h4 faça Tremble/Shaking quando faço hover?
Envio em baixo o meu código.
CSS:
films{
width: 100%;
height: auto;
margin-bottom: 30px;
...
0
votos
1resposta
138 visitas
Hover com scale somente na div pai
pessoal seguinte possuo uma div pai e dentro dela outras divs eu queria aplicar um css onde mudasse o fundo para roxo e os textos e imagem para branco até ai funciona normal o problema é que queria ...
1
voto
2respostas
136 visitas
Div Slider entre imagens on Hover
Boa tarde,
Preciso montar um projeto para um cliente de fotografia e o mesmo me pediu algo que eu nunca havia feito, tentei pesquisar na internet mas não achei algo que ajudasse no que preciso.
...
0
votos
2respostas
3mil visitas
CSS - Como remover linhas em volta do botão? [duplicada]
Bom dia pessoal, estou com uma duvida para remover a borda ao clicar no botoao..
Se algm souber e puder ajudar eu agradeço :)
CSS:
@charset "utf-8";
/* CSS Document */
body {
font-size:16px;
...
1
voto
1resposta
372 visitas
CSS - Ajuda com hover no menu
Boa noite galera, estou com um problema com meu menu..
Eu quero espaçar ele mas ai quando uso o padding ele cria uma área em volta que ao passar o mouse perto ele ja aciona o hover e eu gostaria de ...
1
voto
1resposta
72 visitas
Problema no efeito hover com less
pessoal estou tentando fazer um efeito de hover para adicionar um background-color na minha imagem porem não funciona ele cria o background-color atrás da imagem precisava que ela ficasse na frente ...
4
votos
3respostas
4mil visitas
Efeito hover em JS
Estou com um problema que é o seguinte: quero que quando o usuário passe o mouse em determinada imagem um outro local ganhe uma classe para que eu possa a estilizar, poderiam me ajudar?
Estou ...
1
voto
1resposta
1mil visitas
HTML-CSS esconder e mostrar submenu não funciona
Estou tentando fazer um menu que abre ao passar o mouse abre o submenu correspondente. No caso, o menu "blusas e camisas" deveria estar com o seu submenu fechado, abrindo apenas ao passar o mouse ...
1
voto
2respostas
1mil visitas
Sobrepor duas imagens com :hover
O meu objetivo seria que uma imagem em .png ficasse por cima de uma imagem .jpg ao passar o cursor por cima. Tentei com o seguinte código:
.image{
width: 320px;
height: 180px;
}
.image:hover{
...
0
votos
1resposta
2mil visitas
Hover em um elemento e alterando a cor de um outro elemento
Gostaria que ao passar o mouse sobre o elemento verde o rosa alterasse para a cor azul.
#primeiro{
width: 300px;
height: 300px;
background: red;
float: left;
}
#segundo{
width: ...
-1
votos
1resposta
361 visitas
Como criar uma imagem com efeito hover no C# [fechada]
To fazendo um aplicativo e queria que ao passar o mouse na imagem, ela mudasse a cor para uma mais clara, mas nao consigo fazer isso no C#...
2
votos
1resposta
163 visitas
Transição ao usar hover - Como fazer um modo “reverso”?
Eis a transição:
.subcont {
width: 250px;
height: 180px;
background: purple;
}
.border1 {
position: absolute;
width: 5px;
height: 0;
margin-left: 250px;
margin-top: -...
1
voto
1resposta
184 visitas
Como estilizar vários elementos com diferentes estilos no hover
Eu tenho uma div com vários links, assim:
Onde no hover da div (wrapper) fazia apenas o underline do bold text (title) mas ao fazer hover nas tags fazia o underline da respetiva tag e não fazia ...
2
votos
1resposta
29 visitas
Como aplicar efeito hover (JQuery) a um grupo específico de classes?
Eu estou criando uma página web que seria algo como uma loja. A ideia desse código é que, ao dar hover na div .lojaprodutos, apareçam duas outras divs (uma à direita e outra embaixo), e esse efeito ...
0
votos
2respostas
39 visitas
Como aplicar o método hover na minha classe?
Tenho o seguinte código:
<section class="content-header">
<h1><i class="fa" ng-class="{'fa-tasks': !isCodeError, 'fa-remove': isCodeError}"></i> {{t(title)}}</h1>
<!--...
-1
votos
2respostas
1mil visitas
Imagem aparecer ao passar o mouse sobre texto
Estou fazendo um site para uma pizzaria e preciso que, ao passar o mouse sobre o uma pizza do cardápio (texto) apareça ao lado uma imagem da pizza correspondente.
0
votos
1resposta
10mil visitas
Como trocar a cor de botões com o hover sobre apenas um botão (CSS)
Bom, meu problema é o seguinte:
Tenho cinco botões, em ordem horizontal. Cada um tem uma cor específica no hover. Ao colocar o mouse sobre algum deles, todos os outros deveriam assumir a cor que o ...
0
votos
2respostas
911 visitas
Problema com hover em botão p/ mudar cor de fundo
Basicamente, estou tentando fazer com que o efeito hover em um botão faça o fundo mudar de cor, mas não encontro nenhuma solução na internet, incluindo aqui.
Já tentei fazer isso com os elementos ...
1
voto
2respostas
165 visitas
Por que o :hover não funciona desta forma?
Tenho o seguinte código:
.player-info .episodios-lista .lista-episodios{
width:100%;
height:100%;
overflow-x:hidden;
overflow-y:auto;
box-sizing:border-box;
display:...
2
votos
2respostas
35 visitas
Dropdown hover funcionar apenas acima de 1200px
Se alguém puder me ajudar, preciso que o JavaScript do hover funcione apenas na resolução acima de 1200px, fiz o código mas não tá dando certo.
$(function() {
if($(window).width() > 1200) {
...
0
votos
2respostas
124 visitas
Melhorando esquema de hover pra avaliações em site
Estou tentando desenvolver um esquema de avaliação de arquivos que estão hospedados no site do meu cliente. Cada arquivo ganha além do link de acesso uma DIV com as cinco opções de avaliação, que ...
0
votos
2respostas
2mil visitas
Como usar o hover em uma classe para alterar outra classe?
gente seguinte, eu tenho uma classe e outra classe embaixo dela... porém a classe de baixo precisa ficar invisivel ate o usuario passar o mouse na classe de cima, então eu coloquei nela opacity:0 , e ...
1
voto
2respostas
256 visitas
Como usar a função inversa do jQuery para desfazer algo?
Estou usando o código abaixo para aplicar um efeito e desfazer assim que o mouse for removido mas parece não funcionar e não mostra nenhuma mensagem de erro. Estou usando a versão 1.12.4 do jQuery.
$(...
1
voto
1resposta
180 visitas
:hover em elemento anterior
Gostaria de ao dar :hover no botão "2" mundando o efeito no botão "1"
<div class="btn um">1</div>
<div class="btn dois">2</div>
<div class="btn tres">3</div>
...
0
votos
2respostas
326 visitas
Aparecer uma div com hover
Estou fazendo um projeto e tenho que fazer aparecer um ícone, em cada link do menu quando passar o mouse. Pensei em fazer com JavaScript mas não tenho muita experiencia, então resolvi fazer com CSS, ...