[look997]

#css #firefox #svg #webdev #frontend

Chcę obrazek z kanałem alpha ustawić jako maskę na element HTML za pomocą CSS.
W Firefoksie nie ma czystego rozwiązania(o ile mi wiadomo) więc pozostaje wspomóc się SVG i data uri.

.el {
mask-clip: url('data:image/svg+xml;utf8, ... ');
}

Tak będzie działać?

I teraz pytanie:
Jak ma wyglądać element SVG?

[rysi3k_]

@look997: można to zrobić umieszczając svg jako element na stronie i nadając mu id, wtedy robisz url(#jakisid) i działa

[look997]

@rysi3k_: Czytam takie coś http://blog.persistent.info/2013/06/image-based-svg-masking.html

Tak jak mówisz. Tylko nie działa. chyba wymiary muszę ustawić... sprawdzę i zobaczę co dalej, może o to chodziło.

[rysi3k_]

@look997: podejrzyj sobie na konfrontuj pl tam są maski w svg

[look997]

@rysi3k_: Dobra, mam to http://codepen.io/anon/pen/epWjbP

Jeszcze tylko przerobić cały SVG na datauri i będę mógł to wygodnie wykorzystać.
Tylko jak?

EDIT: teraz widzę, że obcieło po rzędzie pikseli z dołu i z góry. No #!$%@?...