HTML/gri tonlamalı görüntü dönüştürmek CSS | Netgez.com
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

  • 24 Канал

    24 КанаÐ

    5 ÅžUBAT 2006
  • Elliot Davin

    Elliot Davin

    28 Kasım 2008
  • technodromeband's channel

    technodromeb

    28 NÄ°SAN 2011

Ä°LGÄ°LÄ° SORU / CEVAPLAR

Ä°LGÄ°LÄ° BAÄžLANTILAR