Ana Sayfa Hakkımda Referanslar Site Tanıtımı Sosyal İmleme Seo Paketleri Reklam İletişim Destek Rastgele Yazı Oku

Css Filter Grayscale Özelliği

İyi akşamlar arkadaşlar ,

Dünden bugüne bir konu dahi paylaşmadığım, üzerinde durmadığım, araştırma yapmadığım , gözüm ve ellerim çok aşina olmayan Css üzerine makale yazmaya karar verdim. Birçok websitesinde karşılaştığınız üzere ki bende karşılaşıyorum genel konular WordPress, Blogger, Seo, Php, Teknoloji Haberleri, Alexa vb. birçok konuda ben dahi paylaşımlar yapıyoruz. Fakat unuttuğumuz veya bilmediğimiz, eksiğimiz olduğu ve kendini sürekli güncelleyen globalleşen bir dil gibi kullanılan css.

Web sitesinin kemiği, yapısını oluşturan en temel birimlerden biri olan css bir çok webçinin sıkıntı çektiği konulardan birisidir. Ama karar verdim kendimi nasıl geliştiriyorsam sizinle benimle birlikte gelişeceğinize inanıyorum. Bugünden itibaren diğer konulara verdiğim ağırlık kadar Css’de ağırlık verip sitenizi ve sisteminiz ve ve ve kendinizi yenileyeceğiniz konular paylaşmaya çalışacağım.

Paylaşacağım konular güncel ve ya değil kendim ne öğreniyorsam sizleri de bilgilendirmek istiyorum. Paylaşımlarını beğenmeye bilirsiniz ama sayfanın ismine bakılacağı üzere kişisel blogum kusura bakmayın. Sitem kapanana kadar istediğim her konuyu doğru olmak kaydıyla paylaşırım. Beğenen beğenir beğenmeyen başka sitelere girsin aradığını bulsun derim.

Konuya dönücek olursak bugün Css’te Filter Grayscale özelliğini tanıtacağım. Bir çok webçi arkadaşımında kullanığı veya daha hiç tanışmadığı bir özellik olan bu tanım: resmin kopyası olmadan , orjinalini bozmadan resmin gri veya başka renklerde görünmesini sağlıyor. Photoshop ta 2 saat resmin kopyasını oluştur hover ver gibi zamanımızı çalmaktansa bu özellik sayesinde işlemimiz çok kısa sürüyor.

Bu özellik sayesinde zaman kaybı azalır boşuna amelelik yapmış olmazsınız.. :)

Yapmamız gerekenler :

  • Dosyamızın içine resmi tanımlayıp özelliğini id veya class tanımlarsınız. Eğer bu şekilde yaparsanız sitenizde diğer <img> olan kısımlar etkilenmez. Ben id veriyorum karışmasın diye..

  •  Daha sonra harici veya site içinde şu style kodlarını yazıyorum.

 

Tanımlama işleminde sonra kaydedin ve sayfayı yenileyin . Değişikliği göreceksiniz , benim zamanım olmadığından bu özelliğin Firefox’ta çalışan tanımını bulamadım bulan arkadaşlar doğruluğundan ve çalıştığımdan emin olup konu altına yorum yapabilirler.

Paylaşmak Güzeldir:

Tarih: 3 Şubat 2014   Yazar:   Kategori: Genel   258 OkunmaYorum Yok

Konuyla İlgili Benzer Yazılar

Konuya Yapılan YorumlarYorum Yok