PNG, kanał alfa, hover bez kanału alfa Opcje

[expert]

Witam,

chciałbym się dowiedzieć jak mam szukać informacji na dany problem.


Mam obrazek PNG z kanałem przezroczystości alfa 100%. W CSS mam ustawione img:hover{opacity: 0.3;}
Teraz chodzi mi o to, że jak najadę kursorem na obrazek, tam gdzie czarne, to robi mi się opacity, zaś gdy kursor jest na przezroczystym tle (alfa), to opacity ma być 1, czyli brak. Czyli tam gdzie jest przezroczystość, to obrazek ma nie reagować na hover.

Jak osiągnąć taki efekt? Rysować polilinie w SVG i jakoś nią manipulować? a co w przypadku, gdy obrazek jest taki (założenie: białe tło - przezroczyste):

lub bardziej skomplikowany?

Pozdrawiam.

Ten post edytował expert 23.06.2013, 21:23:25