Perguntas com a tag [css-hover]

O hover é uma pseudo-classe do CSS que é ativada quando ocorre a ação de posicionar o cursor do mouse sobre um determinado elemento, ou quando o usuário toca um elemento em dispositivos touch screen.

Filtrar por
Ordenado por
Com tags
-3 votos
1 resposta
18 visitas

Estou tentando arredondar as bordas dos submenus deste código mas não estou conseguindo

* { box-sizing: border-box; list-style: none; text-decoration: none; margin: 0; padding: 0; } .container { width: 90vw; margin: 0 auto; } .home { display: flex; ...
Rafael Massoni's user avatar
-4 votos
0 respostas
15 visitas

Quando aumento o tamanho de um elemento usando hover, o item ao lado também modifica o seu tamanho

<!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> ...
ThiagoJM's user avatar
-3 votos
1 resposta
29 visitas

Meu :hover nao estam funcionando!

Estou querendo colocar um background no meu botao ao passar o mouse, mas nao esta funcionando. Vou postar o codigo aqui. Login Page Create an account ...
vinimacielf's user avatar
-4 votos
1 resposta
68 visitas

Não estou conseguindo realizar um onMouseEnter no react

Estou querendo ter o seguinte resultado: Ao passar o mouse por cima de uma imagem quero que o paragrafo com classname chamado 'text' seja alterado, da mesma forma que ao tirar o mouse da imagem ele ...
Guilhermeaka's user avatar
-4 votos
2 respostas
119 visitas

Como associar uma imagem diferente aos itens de menu?

Eu estou criando um menu para um site, onde nele está listado as áreas de atuação da empresa. Eu gostaria que quando o usuário passa-se o mouse no texto a div lateral exibisse uma imagem equivalente à ...
Gabriel Morona's user avatar
-1 votos
1 resposta
227 visitas

Como deixar o texto do parágrafo interno da div sem o sublinhado?

Estou estudando sobre classes e ids e me deparei com esse problema abaixo. Seria possível deixar somente o "TEXTO ESCONDIDO" sem o sublinhado? div:hover{ color: rgb(96, 96, ...
Vanessa's user avatar
  • 13
-1 votos
1 resposta
60 visitas

Como delimitar a área de uma div?

Estou tentando criar uma div com uma animação :hover. Coloquei width e height de 100px, porém a animação ocorre passando o mouse em qualquer lugar da tela e não apenas por cima da div. Este é o código ...
luisxn's user avatar
  • 11
-2 votos
1 resposta
189 visitas

scale CSS não expande o container

Bom dia. Tenho um exercício que estou fazendo no bootcamp que não consigo encontrar a resposta. É pra fazer em bootstrap e colocar as imagens que ao passar o mouse sobre elas a largura e a altura ...
Fernando Torres's user avatar
0 votos
2 respostas
72 visitas

Como aplicar efeitos diferentes ao mesmo tempo?

Eae pessoal, beleza? tenho dois ícones e cada um deles tem um efeito transform diferente, a minha duvida é: Quando eu passar o mouse sobre o icon1, existe alguma maneira de ser acionado o efeito do ...
José Guilherme Lins's user avatar
1 voto
1 resposta
212 visitas

Fazer um elemento pegar a tela inteira usando hover

Estava fazendo um layout no figma, e to passando ele pra html e css, mas eu queria fazer uma animação. Como dar pra ver eu tenho um triangulo rosa, e eu queria que ao passar o mouse sobre ele, ele ...
Lucas 's user avatar
  • 11
-1 votos
1 resposta
74 visitas

Submit com animação - Efeito Hover

Estou fazendo um botão "deletar conta" onde tem uma animação de gotas de sangue caindo. Porém gostaria de fazer com que a animação começasse apenas quando alguém passasse o mouse por cima (...
Marcelo Gamon's user avatar
-4 votos
1 resposta
240 visitas

hover na ancora e icon

cada item da minha lista possui um icon na frente, mas, o hover não funciona para os dois ao mesmo tempo. quando passo o mouse no icon o 'texto' acompanha o efeito do hover, mas quando passo no 'texto'...
Thais Tavares's user avatar
0 votos
1 resposta
115 visitas

Como impedir o hover de alterar as outras divs?

Meu hover faz a div aumentar de largura e altura mas isso acaba fazendo as outras divs ao redor se afastarem por causa do espaço na página. Já tentei modificar as outras ao ativar o hover de cada uma, ...
user avatar
0 votos
1 resposta
188 visitas

Como alterar o width desse h3 para que fique responsivo e centralizado na vertical e horizontal?

Estou tentando centralizar tanto na horizontal quanto na vertical esse h3 porém ele está maior que a imagem, então quando muda o tamanho do dispositivo que ele esta sendo visto acaba saindo do centro: ...
pedrolgr's user avatar
-1 votos
1 resposta
125 visitas

Como inserir uma imagem e deslocar o texto ao passar o mouse no botão?

Estou fazendo um menu de categorias de livros e ao passar o mouse em cada botão gostaria que o texto deslocasse para a esquerda e aparecesse uma imagem ao lado direito do botão. Alguém poderia me ...
Marcelo Gamon's user avatar
-2 votos
2 respostas
772 visitas

Como eu posso alterar o estilo de uma tag html usando outra tag html no css?

Então povo eu estou fazendo um menu e queria descartar o uso de javascript com isso gostaria de fazer com que quando eu pressionasse o mouse encima do ícone menu automaticamente o meu elemento #...
FelipeSchmitt's user avatar
0 votos
1 resposta
122 visitas

texto ultrapassa o limite desejado

Bom eu estou tentando fazer uma animação em css3, só que o texto ultrapassa o limite, eu queria que ele ficasse dentro do objeto, e quando eu tocar no objeto, ele aumentar de acordo, com o objeto. mas ...
João's user avatar
  • 19
1 voto
1 resposta
40 visitas

background-size: cover. Existe alguma forma de acrescentar um valor em porcentagem?

Quero adicionar um hover event que aumente ligeiramente o tamanho da imagem que estou usando de background, porém pra mantê-lo responsivo preciso do background-size:cover. segue um trecho do código ...
Paulo Monteiro's user avatar
1 voto
1 resposta
950 visitas

Animação de link Css

Ocorre a animação quando passo o mouse, mas quando removo ele volta sem animação. Sabem me informar como ter o mesmo efeito de animação ao remover o mouse? .link { text-decoration: none; font-...
Andre Marques's user avatar
-1 votos
3 respostas
589 visitas

Como Utilizar uma Classe dentro de outra Classe CSS

Tenho uma tabela, e quero que as linhas intercalem cores da maneira abaixo funciona perfeitamente <style type="text/css"> .tabela_parametros_gerais tr{height: 20px !important;} ...
Henrique Lemes Baron's user avatar
0 votos
2 respostas
383 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, ...
brunoFerreira's user avatar
-1 votos
1 resposta
140 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:...
lucaStorck's user avatar
0 votos
1 resposta
89 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 ...
Bruno jun's user avatar
0 votos
1 resposta
38 visitas

Javascrit ao mover o mouse sobre uma celular, mudar o texto da celula

Sou novato, estou aprendendo muito no site. Gostaria que quando toca-se no item 2, muda-se a palavra item 2 para Erva-mate e continua-se acendendo o item 4. $('.row-1 .column-2').hover(function ...
Carlito's user avatar
  • 11
-1 votos
1 resposta
228 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 ...
Igor Guedes's user avatar
0 votos
1 resposta
366 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 ...
Igor Guedes's user avatar
0 votos
3 respostas
2mil visitas

Alterar a cor dos itens do menu ao passar o mouse

tudo certo? Eu estou tendo um problema com CSS, que é o seguinte: Ao passar o mouse em cima dos outros itens do menu, preciso que a cor da letra mude para branco, e também quando o menu for ...
Lucas Tadeu's user avatar
0 votos
1 resposta
2mil 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 ...
Lucas Inácio's user avatar
1 voto
1 resposta
295 visitas

TranslateX() precisa ser ativado em um <li> e movimentar um <nav>

O problema que estou tendo é que estou fazendo um menu hambúrguer, esse menu hambúrguer, depois de aberto, tem um campo especifico que ao passar o mouse teria que abrir um sub menu, a minha ideia é ...
Vinicius Verissimo Bazan's user avatar
-4 votos
2 respostas
118 visitas

Erro ao definir um background em uma label e colocar uma imagem acima do background desta mesma label [fechada]

//html <label class="home-header icon-menu"> <img src="arquivos/menu.svg"> </label> //css .icon-menu { position: relative; top: 0.5cm; ...
sadrak's user avatar
  • 1
0 votos
1 resposta
92 visitas

No menu a li não ocupa toda área da ul. Corta um pedaço no inicio do menu [fechada]

/* Configurações Globais Inicio */ html, body { box-sizing: border-box; margin: 0px; padding: 0px; } ul { list-style: none; background-color: aqua; } a { text-...
sadrak's user avatar
  • 1
1 voto
1 resposta
199 visitas

Efeito com hover em dois elementos

Estou tentando fazer um efeito que, ao passar o mouse em algum tópico, os outros diminuem a opacidade, destacando o tópico no qual o mouse está. Além disso, o hover troca a cor de um cinza para um ...
user avatar
0 votos
0 respostas
113 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 ...
Bruno Camarda's user avatar
0 votos
1 resposta
1mil visitas

Atribuindo um estilo CSS a um elemento específico dentro de uma div

Olá! Estou fazendo um projeto e eu tenho uma div flexbox-container que tem três div filhas, card-home-main. Gostaria de fazer um efeito ao passar o mouse na card-home-main, mas quando eu faço isso, ...
Bruno Camarda's user avatar
-2 votos
1 resposta
69 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: ...
João Pedro's user avatar
1 voto
1 resposta
250 visitas

Como deixar o fundo de um input da cor do hover em uma tabela?

Existe alguma maneira de deixar um input que por padrão tem seu background-color branco ficar com a cor da linha no momento do hover? input { border: none; outline: none } <link rel="...
LeAndrade's user avatar
  • 8.975
0 votos
1 resposta
556 visitas

Animar item ao :hover e voltar com outras propriedades

Tendo um item, de exemplo, um ícone. Necessito que seu estado inicial seja cinza e assim seu CSS será: filter: grayscale(100%) opacity(0.5); transition: 1s; Após isso, no :hover o ícone precisa ...
Gabriel Marinho's user avatar
-1 votos
1 resposta
4mil visitas

Mostrar imagem quando passar o mouse sobre uma div - CSS

No site citado tem um efeito de que quando você passa o mouse sobre o link ele aparece uma imagem. https://www4.benner.com.br/ .ul_ajudamos{ margin: 20px 0 0 20px; list-style:none; padding-...
Brenda Xavier's user avatar
1 voto
3 respostas
892 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 ...
Leandro Rodrigues's user avatar
1 voto
1 resposta
1mil visitas

barra de rolagem altera ajuste de conteúdo

Olá, pessoal! Quero que a barra de rolagem da minha div só apareça quando o hover for ativado e até ai tudo bem. O problema é que quando o a barra de rolagem aparece, o conteúdo da div é jogado pra o ...
Gabriele Guilherme da Silva's user avatar
2 votos
1 resposta
626 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.
pedroflp's user avatar
0 votos
1 resposta
57 visitas

Bloqueio de opções ao selecionar link em versão mobile

Olá gostaria de saber se existe alguma forma de bloquear as opções de pagina quando segurar uma imagem na versão mobile, pois na versão web quando passo com o mouse na imagem (hover) aparece a ...
Gustavo Luciano's user avatar
0 votos
2 respostas
284 visitas

Como colocar esses efeitos em imagens com o CSS? [fechada]

Como faço esses efeitos nas imagens deixando colorida e com o design do exemplo, e quando passar o mouse a foto fica com a cor normal e aparece um texto encima da imagem
Luana Almeida's user avatar
1 voto
1 resposta
141 visitas

Javascript SetInterval Não Funciona

Tenho o seguinte codigo, onde os links estão escondidos com opacity: 0 e com hover ele passa a ter opacity: 1; Porém preciso que o SetInterval, mostre aleatoriamente eles. Até por que no mobile não ...
JVEUZEBIO's user avatar
  • 137
1 voto
1 resposta
111 visitas

Mostrar Imagem Passar Mouse

Precisaria mostrar uma imagem ao passar o mouse, qual seria a melhor forma para isso? Segue meu codigo: .scenario { position: relative; margin: auto; width: 400px; ...
JVEUZEBIO's user avatar
  • 137
1 voto
1 resposta
58 visitas

Transition não executando ao mesmo tempo em elementos diferentes

Galera, estou com um problema no transition do CSS3, tenho um ícone em Font Awesome e o texto em forma de link que altera de branco para verde claro no :hover, mas ao tirar o mouse a cor altera um na ...
Leonardo Dias's user avatar
0 votos
0 respostas
193 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 ...
Alisson Santos's user avatar
5 votos
2 respostas
708 visitas

Como sobrepor flex itens durante um hover em CSS?

Tenho um formulário que recebeu display: flex, e dentro dele tem 3 inputs: um de nome, um de senha e um botão, além de um h1 escrito 'login'. Quando passo o mouse sobre os elementos, o height e o ...
lucas F's user avatar
  • 455
7 votos
2 respostas
102 visitas

Porque a transparência da imagem no Botão não funciona do Firefox?

Eu tenho esse código que nada mais é que uma imagem com opacidade dentro de um button. No Chrome funciona normalmente, mas no Firefox fica bugado, como podem ver. Segue o código referente à imagem ...
hugocsl's user avatar
  • 66,7mil
4 votos
2 respostas
161 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 ...
utm's user avatar
  • 119