CSS filtreleri dinamik olarak nasıl uygulanır? Chrome için aşağıdakileri denedim. o sınıfıCSS filtresini dinamik olarak uygulayın
.bright {
-webkit-filter: brightness(50%);
}
Ve geçiş:
image.style = "-webkit-filter: brightness(50%);";
Sen style nesneye, webkitFilter mülkiyet değer belirlesin . Bu sözdizimi will work: JavaScript özellik adını bilmiyorsanız (karaxuna önerdi gibi, will work too)
image.style.webkitFilter = "brightness(50%)";
, CSS özelliğiyle baþvurabilirsiniz:
image.style["-webkit-filter"] = "brightness(50%)";
bir sınıfa o filtre ekleyin
image.classList.toggle('bright');
@PavloMykhalov: http://codepen.io/malyw/pen/EDnmt
Ayrıca eylem css filtreleri gösteren büyük demo bulabilirsiniz . –
Blender
image.style["-webkit-filter"] = "brightness(50%)";
1) tarayıcı css destekleyip desteklemediğini kontrol edin (gerekirse) -Filtreler
2) "filtre" özelliği mevcut tarayıcınızda satıcıyı ihtiyacı olup olmadığını Algılama ve
3) Set filtre değeri biçiminde kaydetmek:
el.style["-vendor-filter"] = value;
veya
el.style.vendorFilter = value;
Kontrol küçük demo: Eh, ne `-webkit` özellikler şunlardır: http://malyw.github.io/css-filters/
İki filtrenin nasıl birleştirileceği hakkında bir fikrin var mı? parlaklık ve ters çevir? –
@MaciejJankowski sadece bir boşluk ile ayırın, "parlaklık (% 50) invert()" ': http://jsfiddle.net/bj4p0sxm/ – Pavlo
teşekkürler! patron sensin! –