Perguntas com a marcação «hover»

Quero ver o :hoverestilo de uma âncora em que estou passando o mouse no Chrome . No Firebug , há uma lista suspensa de estilos que permite selecionar diferentes estados para um elemento. Não consigo encontrar nada parecido no Chrome. Estou esquecendo de algo?

855 css  google-chrome  hover  state  google-chrome-devtools 

O que eu quero fazer é que quando um certo divé pairado, isso afetaria as propriedades de outro div. Por exemplo, nesta demonstração do JSFiddle , quando você passa o mouse sobre #cubeele, muda o, background-colormas o que eu quero é que, quando passe o mouse #container, #cubeseja afetado. div …

459 html  css  hover 

No stackoverflow, quando passamos o mouse sobre a reputação de um usuário, vemos um texto. Eu já vi isso em muitos lugares e o código fonte diz que isso pode ser feito sem js. E eu tentei e consegui apenas isso- <div="text">hover me</div>

262 html  hover 

Criei um menu horizontal usando listas HTML e CSS. Tudo funciona como deveria, exceto quando você passa o mouse sobre os links. Veja bem, eu criei um estado de foco em negrito para os links, e agora os links do menu mudam devido à diferença de tamanho em negrito. Encontro …

204 html  css  hover  text-size 

Na nova estrutura do Angular2 , alguém sabe a maneira correta de fazer um hover como um evento? No Angular1 havia ng-Mouseover, mas isso não parece ter sido transferido. Examinei os documentos e não encontrei nada.

197 javascript  angular  events  hover 

Eu tenho alguns CSS que, ao passar o mouse, um efeito de transição CSS move uma div. O problema, como você pode ver no exemplo, é que a translatetransição tem o horrível efeito colateral de fazer com que a imagem na div se mova 1px para baixo / direita (e …

150 css  image  hover  positioning  translate-animation 

Eu criei um carrossel com um botão anterior e um próximo que estão sempre visíveis. Esses botões têm um estado de foco, eles ficam azuis. Em dispositivos sensíveis ao toque, como o iPad, o estado de foco é fixo, portanto o botão permanece azul depois de tocá-lo. Eu não quero …

144 javascript  css  hover  touch 

Quero ignorar todas as :hoverdeclarações CSS se um usuário visitar nosso site por meio de um dispositivo touch. Como o :hoverCSS não faz sentido, e pode até ser perturbador se um tablet o acionar com um clique / toque, pois pode permanecer até o elemento perder o foco. Para ser …

141 html  css  hover  touch 

em muitos sites, como http://www.clearleft.com , você notará que, quando os links passarem o mouse, eles ficarão com uma cor diferente, em vez de mudar imediatamente, a ação padrão. Eu assumo que o JavaScript é usado para criar esse efeito, alguém sabe como?

134 css  hover  fade  effect 

Eu tenho alguns sites que eu criei há tempos, que usam eventos jquery mouse ... Acabei de receber um ipad e notei que todo o mouse sobre eventos é traduzido em cliques ... então, por exemplo, eu tenho que fazer dois cliques em vez de um .. (a primeira focalização, …

125 jquery  ipad  hover  mouseover 

Com algum HTML como este: <p>Some Text</p> Então, alguns CSS como este: p { color:black; } p:hover { color:red; } Como posso permitir que um toque longo em um dispositivo habilitado para toque replique o foco? Posso alterar a marcação / usar JS etc, mas não consigo pensar em uma …

120 javascript  html  css  hover  touch 

Existe alguma maneira de fazer o oposto de :hover usar apenas CSS? Como em: se :hoverfor on Mouse Enter, há um CSS equivalente a on Mouse Leave? Exemplo: Eu tenho um menu HTML usando itens de lista. Quando passo o mouse sobre um dos itens, há uma animação em cores …

115 css  hover 

Estou escrevendo um site que deve ser usado em desktops e tablets. Quando ele está sendo visitado a partir de um desktop, quero que as áreas clicáveis ​​da tela se iluminem com:hover efeitos (cor de fundo diferente, etc.) Com um tablet, não há mouse, então não quero nenhum efeito de …

113 javascript  hover  touch 

Estou tentando visualizar, por meio das ferramentas de desenvolvedor do Chrome, como as dicas de ferramentas são estruturadas em um site. No entanto, mesmo quando estou focado sobre o item, quando "inspeciono o elemento", nada aparece para a dica de ferramenta no html. Eu sei que posso definir o estilo …

106 html  css  hover  google-chrome-devtools 

Eu tenho um conjunto de <a>tags com cores de fundo rgba diferentes, mas o mesmo alfa. É possível escrever um único estilo css que alterará apenas a opacidade do atributo rgba? Um exemplo rápido do código: <a href="#"><img src="" /><div class="brown">Link 1</div></a> <a href="#"><img src="" /><div class="green">Link 2</div></a> E os …

100 css  hover  background-color  rgba