
(CSS) Fazer imagem com link “brilhar” (se o fundo* do site for claro)
Código CSS:
a img:hover {
opacity: 0.85;
}
Composto por:
- o elemento “a” (referente a links)
- c o elemento “img” (referente a imagens) com a pseudoclasse “hover” (referente a quando o mouse está em cima do elemento)
- com a propriedade “opacity” e o valor “0.85”
* Sobre o fundo do site
- Ao reduzir a opacidade da imagem de 100% (1.00) para 85% (0.85) a imagem “brilha” se o fundo for claro.
- Se o fundo for escuro a imagem vai ficar mais escura em vez de mais clara.
- O motivo disso é que o “brilho” está sendo feito a partir de um “truque” com a opacidade…
Outras páginas do site Ormando zhiOmn
Textos ~ Traduções ~ Colaborações ~ Vídeos ~ Curadoria ~ Sobre ~ Apoios ~ Página Inicial
Veja os agradecimentos aos apoios recebidos e saiba como apoiar