(CSS) Fazer imagem com link “brilhar” (se o fundo* do site for claro)

zhiOmn Ormando

Apr 23·1 min read

Código CSS:

a img:hover {
opacity: 0.85;
}

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”

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…

Textos ~ Traduções ~ Colaborações ~ Vídeos ~ Curadoria ~ Sobre ~ Apoios ~ Página Inicial