-webkit-mask-image gibi bir -moz maskesi CSS özelliği var mı?

Firefox'ta -moz-mask-image desteklenmiyor gibi görünüyor.-webkit-mask-image gibi bir -moz maskesi CSS özelliği var mı?

Bir ön plan gradyanı girişiminde bulunmaktayım. Metnin seçilebilmesi için bir görüntü kullanamıyorum. Firefox için herhangi bir fikri olan var mı? krom ve safari

This version eserler

css:

-webkit-mask-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.16, rgba(0,0,0,0)), color-stop(0.52, rgba(0,0,0,.5)), color-stop(0.77, rgba(0,0,0,1))); 

-moz-mask: -moz-gradient(linear, left bottom, left top, color-stop(0.16, rgba(0,0,0,0)), color-stop(0.52, rgba(0,0,0,.5)), color-stop(0.77, rgba(0,0,0,1)));

kaynak

2011-12-07 MALK

Arka planınız sağlam mı? Saydam öğeyi, saydamdan arka plan rengine giden metnin üstüne yerleştirebilirsiniz. – Duopixel

Merhaba Duopixel - evet bunu denedim ama bu sonuç alınamaz bir metinle sonuçlanıyor. – MALK

"pointer-events: none;" öğesini degrade öğesine ekleyin. – Duopixel

MDN'yi göre, sadece Firefox 3.5 itibariyle, Firefox için mask kullanabilirsiniz:

https://developer.mozilla.org/en/CSS/mask

Ancak, mask, maske olarak hareket edecek bir SVG görüntüsü gerektirir. base-64 encode your SVG image into your stylesheet yapabilir veya SVG görüntü dosyası kullanabilirsiniz.

kaynak

2011-12-07 11:13:17

“gradyan” ile kullanamazsanız, [bunun yerine SVG kullanmalısınız] (https://developer.mozilla.org/En/Applying_SVG_effects_to_HTML_content). – robertc

Aha, evet görüyorum. –

-webkit-mask-image gibi bir -moz maskesi CSS özelliği var mı?

cevap

İlgili konular