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.
145
perguntas
-4
votos
1
resposta
32
visitas
É possivel fazer o efeito de :hover do Youtube com Css e Js? [fechada]
Observando a interface do youtube em sua home, notamos que ao passar e manter o mouse sobre a tumbnail de algum video, apos manter o mouse por alguns segundos, o video se expande, mostra alguns botoes ...
-2
votos
0
respostas
22
visitas
JAVASCRIPT/CSS - Por que o :hover não funciona após uma animação terminar em JavaScript?
Quando a página se inicia, a imagem (que eu peguei uma qualquer como exemplo) diminui de tamanho, mas após o efeito terminar, o :hover não funciona para a imagem expandir novamente, apenas aplica o ...
-1
votos
0
respostas
12
visitas
Efeito gradiente do botão do Instagram não funciona corretamente quando passo o cursor por cima do ícone em CSS
Nesse código eu uso apenas HTML e CSS.
Por algum motivo, quando eu tiro o cursor de cima do Instagram, ele pisca, ao invés de ter o efeito de transição e voltar a cor padrão. Alguém sabe outro código ...
-3
votos
1
resposta
23
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
...
-4
votos
1
resposta
50
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 ...
0
votos
0
respostas
61
visitas
Imagens com hover ficam por cima do menu aberto
Fiz uma página única usando HTML, CSS e um pouquinho de JavaScript. Ela contém um menu hambúrguer baseado em checkbox que abre com uma animação. No corpo da página tem algumas imagens que foram ...
0
votos
0
respostas
175
visitas
Como fazer uma imagem sobrepor a outra, ao passar o mouse em cima?
Boa tarde,
Então, sou novato em HTML, CSS e JS.
Estou tentando fazer sozinho, mas está bem difícil, procurei aqui no fórum e no Google antes de vir pedir ajuda.
Como colocar uma imagem sobrepor a ...
-4
votos
2
respostas
96
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 à ...
-1
votos
1
resposta
137
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, ...
-1
votos
1
resposta
36
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 ...
-2
votos
1
resposta
145
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 ...
0
votos
2
respostas
45
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 ...
1
voto
1
resposta
167
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 ...
-1
votos
1
resposta
57
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 (...
-4
votos
1
resposta
165
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'...
0
votos
1
resposta
52
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, ...
0
votos
1
resposta
121
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:
...
-1
votos
1
resposta
66
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 ...
-2
votos
2
respostas
527
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 #...
0
votos
1
resposta
88
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 ...
1
voto
1
resposta
37
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 ...
1
voto
1
resposta
679
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-...
-1
votos
3
respostas
477
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;}
...
0
votos
2
respostas
319
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
1
resposta
116
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
1
resposta
56
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 ...
0
votos
1
resposta
31
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 ...
-1
votos
1
resposta
154
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
1
resposta
316
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
3
respostas
1mil
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 ...
0
votos
1
resposta
1mil
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 ...
1
voto
1
resposta
266
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 é ...
-4
votos
2
respostas
98
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;
...
0
votos
1
resposta
85
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-...
1
voto
1
resposta
164
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 ...
0
votos
0
respostas
99
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 ...
0
votos
1
resposta
729
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, ...
-2
votos
1
resposta
55
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
1
resposta
188
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="...
0
votos
1
resposta
432
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 ...
-1
votos
1
resposta
3mil
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-...
1
voto
3
respostas
739
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 ...
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 ...
2
votos
1
resposta
472
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
1
resposta
47
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 ...
0
votos
2
respostas
223
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
1
voto
1
resposta
126
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 ...
1
voto
1
resposta
87
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;
...
1
voto
1
resposta
56
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 ...
0
votos
0
respostas
154
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 ...