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

  • Ben Vivona

    Ben Vivona

    24 Ocak 2010
  • jedimasterkyle

    jedimasterky

    11 ŞUBAT 2006
  • Rockstar Games

    Rockstar Gam

    17 ŞUBAT 2006

İLGİLİ SORU / CEVAPLAR

İLGİLİ BAĞLANTILAR