Farebný opacity hover – CSS – Fórum – Programujte.com

zdravím, nastavil som si, aby po prejdení myšou na obrázok tento obrazok vybledou, vďaka opacity, tu je jednoduchý kód

img {
opacity: 1.0;
}
.clanok-1 img:hover {
opacity: 0.7;
}
 

chcel by som nastaviť, aby to opacity bolo farebné, to znamená, že keď prejdem myšou po obrázku, tak obrázok sa zafarbý do červena ale nie úplne, tak, aby ho bolo vidno, najlepšie opacity 0.7

vedeli by ste mi poradiť s týmto problémom ? ďakujem

Najjednoduchšie bude obaliť tento obrázok napr. do DIV a tomu DIVu nastav background-color: red;
Prípadne môžeš použiť CSS3 filter.