CSS: SVG pozadie a zmena farby

21. 9. 2017 16:54:42

Ahojte,

chcem pouzit svg ako pozadie pre prvok a nasiel som ze je to slusne podporovane https://css-tricks.com/using-svg/ tak som isiel cestou url() a base64 v css. Chcel by som vsak zmenit farbu "obrazku" pri hovery. Kedze ide o background image a nie objekt v html kode tak neviem ako napisat css pravidlo. Je to vobec mozne alebo musim mat dve background image definicie?

21. 9. 2017 16:54:42

https://webtrh.cz/diskuse/css-svg-pozadie-a-zmena-farby#reply1302121

(20 hodnocení)

21. 9. 2017 17:32:10

Manipulovat svg nacteny jako obrazek bohuzel neni mozne, takze musis mit dva ruzne SVG. nebo pokud je svg pruhledny tak menit background-color: ale pokud ma SVG svoje vlastni pozadi, tak to nepomuze.

21. 9. 2017 17:32:10

https://webtrh.cz/diskuse/css-svg-pozadie-a-zmena-farby#reply1302120

Jan.H

(1 hodnocení)

21. 9. 2017 17:46:14

pokud se nepletu tak jediný způsob jak měnit barvu svg bylo přes css3 "filter" což je sice dost omezující, ale na nějaké jednoduché saturace to stačí.

21. 9. 2017 17:46:14

https://webtrh.cz/diskuse/css-svg-pozadie-a-zmena-farby#reply1302119

Jan Stejskal

(7 hodnocení)

21. 9. 2017 17:57:00

Možností je více, nejjednodušší je mít svg bez pozadí, v css pak budete měnit pouze barvu u background, url zůstane stejná. Druhá možnost je mít v svg element na pozadí, přiřadit mu id a v css mu pak měnit barvu atributem fill.

21. 9. 2017 17:57:00

https://webtrh.cz/diskuse/css-svg-pozadie-a-zmena-farby#reply1302118

BENQ