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

Rozšířené hledání ›

Nejnovější témata ve fóru

22:06, Startupy Megastroj.cz – Vše na jednom místě: půjčovna, bazar a inze…

21:17, Inzerce FPGA vývojová deska XILINX VIRTEX 5 ML507

20:59, OS - GNU / Linux Ubuntu a OpenSuse

21:47, Offtopic Digitalizace v Česku

10:10, Cinema 4D Export USDC do DaVinci Resolve

16:58, Photoshop Jak odstranit (potlačit) odlesky

Stavba Laser Arény
Laser Game Brno

Fórum › CSS

Farebný opacity hover

tomas

~ Anonymní uživatel
~ 560 příspěvků

13. 3. 2018 #1

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

Nahlásit jako SPAM

IP: 2a02:ab04:1dbb:a600:4923:...–

weroro0

Návštěvník

14. 3. 2018 #2

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.

Nahlásit jako SPAM

IP: 91.235.54.–

Javascript (ES5, ES6+) / Typescript Developer, Vanilla Front-end ninja, HTML, CSS specialist

Hlúpa otázka vzniká ako reakcia na nedostatok relevantných informácií.

← Zpět na seznam vláken ← Zpět do Fóra