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.
142
perguntas
-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;
...
-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">
...
-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
...
-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 ...
-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 à ...
-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, ...
-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 ...
-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 ...
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 ...
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 ...
-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 (...
-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'...
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, ...
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:
...
-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 ...
-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 #...
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 ...
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 ...
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-...
-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;}
...
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, ...
-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:...
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 ...
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 ...
-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 ...
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 ...
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 ...
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 ...
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 é ...
-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;
...
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-...
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 ...
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 ...
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, ...
-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: ...
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="...
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 ...
-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-...
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 ...
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
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.
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 ...
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
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 ...
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;
...
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 ...
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 ...
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 ...
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 ...
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 ...