Farebný opacity hover – CSS – Fórum – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

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

 

tomas
~ Anonymní uživatel
560 příspěvků
13. 3. 2018   #1
-
0
-

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
-
0
-

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í.
Zjistit počet nových příspěvků

Přidej příspěvek

Toto téma je starší jak čtvrt roku – přidej svůj příspěvek jen tehdy, máš-li k tématu opravdu co říct!

Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku

×Vložení zdrojáku

×Vložení obrázku

Vložit URL obrázku Vybrat obrázek na disku
Vlož URL adresu obrázku:
Klikni a vyber obrázek z počítače:

×Vložení videa

Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×
 
Podporujeme Gravatara.
Zadej URL adresu Avatara (40 x 40 px) nebo emailovou adresu pro použití Gravatara.
Email nikam neukládáme, po získání Gravatara je zahozen.
-
Pravidla pro psaní příspěvků, používej diakritiku. ENTER pro nový odstavec, SHIFT + ENTER pro nový řádek.
Sledovat nové příspěvky (pouze pro přihlášené)
Sleduj vlákno a v případě přidání nového příspěvku o tom budeš vědět mezi prvními.
Reaguješ na příspěvek:

Uživatelé prohlížející si toto vlákno

Uživatelé on-line: 0 registrovaných, 1 host

Podobná vlákna

Farebny text v C? — založil ha2

Farebny font v listbox-e — založil ha2

CSS Opacity — založil Michael014

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032024 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý