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

  • BlackBoxTV

    BlackBoxTV

    7 Mayıs 2007
  • CrazyMan

    CrazyMan

    14 Mayıs 2008
  • Max Lee

    Max Lee

    18 AĞUSTOS 2006

İLGİLİ SORU / CEVAPLAR

İLGİLİ BAĞLANTILAR