CSS3 ile Gri Görseller Yapmak

  • Kategori: CSS3
  • 4 ay önce
CSS3 ile Gri Görseller Yapmak

Resimlerin ek bir görsel kullanılmadan nasıl gri yapıldığını hep merak etmişimdir. Uzunca bir araştırma sürecimde oldu tabi. Aslında çok kolay bir kullanım şekli varmış. İngilizce bilmememin zararları işte  :)

HTML

<img width="400px" src="https://goo.gl/iNeKBX" alt="">

CSS3 

img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

Canlı örneği görmek için tıklayın

Yorum Bırak

Yorum gönderirken kullanabileceğiniz BBKOD listesi için tıklayın

  • [b] ... [/b]
  • [i] ... [/i]
  • [u] ... [/u]
  • [s] ... [/s]
  • [font size="5" color="#333"] ... [/font]
  • [url href="link"] ... [/url]
  • [img alt="test"] test.jpg [/img]
  • [code lang="css"] ... [/code]
  • [code lang="js"] ... [/code]
  • [code lang="php"] ... [/code]
  • [code lang="json"] ... [/code]
  • [youtube width="560" heght="315" frameborder="0" allowfullscreen="true"] ... [/youtube]