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

  • Break

    Break

    10 Aralık 2005
  • oHeymarvin

    oHeymarvin

    11 Temmuz 2013
  • TROPFEST

    TROPFEST

    27 Mart 2007

İLGİLİ SORU / CEVAPLAR

İLGİLİ BAĞLANTILAR