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 elementoa” (referente a links)
  • c o elementoimg” (referente a imagens) com a pseudoclassehover” (referente a quando o mouse está em cima do elemento)
  • com a propriedade opacity” e o valor0.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…

--

--

…passagens e meios… veja mais em https://medium.com/ormando

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store