SORU
4 Mart 2009, ÇARŞAMBA

HTML/gri tonlamalı görüntü dönüştürmek CSS

Sadece HTML/CSS gri renkli bit eşlem görüntülemek için basit bir yolu var mı?

Eğer ve/veya benim için yeterli Kf3, FF3 çalışır eğer IE uyumlu (olmayacak hayal) -- gerek yok.

SVG ve Tuval ile bunu yapabileceğimi biliyorum, ama bu bir sürü iş gibi görünüyor.

Gerçekten tembel bir kişinin bunu yapmak için bir yolu var mı?

CEVAP
23 Aralık 2011, Cuma

Support for CSS filters has landed in Webkit. biz şimdi çapraz tarayıcı bir çözüm var.

img {
  filter: gray; /* IE6-9 */
  filter: grayscale(1); /* Firefox 35  */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6  & Opera 15  */
}

/* Disable grayscale on hover */
img:hover {
  filter: none;
  -webkit-filter: grayscale(0);
}
<img src="http://lorempixel.com/630/170/">

Ne Internet Explorer 10 ?

Yerel destek gelene kadar gray gibi bir dolgu kullanın. CSS filtreler here için oy vererek desteklerinizi esirgemeyin.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:
,CssCss3ImageCss Görüntü Gri TonlamaCss3

AYNI ETİKETTEKİ VİDEOLAR

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • fast2hell

    fast2hell

    16 AĞUSTOS 2006
  • MandMEvangelists

    MandMEvangel

    28 Ocak 2008
  • spectragirlz16's channel

    spectragirlz

    22 Ocak 2012

İLGİLİ SORU / CEVAPLAR

İLGİLİ BAĞLANTILAR