CSS 3 — Cascading Style Sheets

(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