Instagram CSS Filtreleri
Instagram tarzı filtreler için hazır CSS stil tanımları ve filtre kodları üretin.
Aracı çalıştır
Instagram CSS Filtreleri aracı, web siteleriniz için popüler sosyal medya filtrelerinin hazır CSS stil tanımlarını sağlar. Arayüz geliştiricileri ve tasarımcılar, görsellere stil kazandırmak için gereken CSS filter kurallarını bu arayüzden hızla elde edebilir. Araç üzerinde clarendon, gingham, lark, reyes, juno, valencia, xpro2, willow veya nashville filtre adlarından birini belirtebilirsiniz. Filtre adı kutusu boş bırakıldığında ya da desteklenen liste dışındaki bir metin girildiğinde, araç filtresiz temel görünüm kuralını (none) gösterir. Tanımlı her filtre profili; parlaklık, kontrast, renk doygunluğu, renk tonu döndürme, sepya ve gri tonlama gibi temel CSS fonksiyonlarının hassas birleşiminden oluşur. Üretilen CSS kod bloğunu ve açıklayıcı metni inceleyerek stil dosyalarınıza kopyalayabilir, web sayfalarınızdaki fotoğraflara pratik biçimde uygulayabilirsiniz. Bu sayede harici görsel düzenleme programlarına gerek kalmadan, doğrudan stil kodlarıyla hedeflediğiniz görsel tonu oluşturabilirsiniz. Farklı filtre adlarını deneyerek projenize uygun stil parametrelerini belirleyebilirsiniz.
Kullanım
- Filtre Adı alanına clarendon, gingham, lark, reyes, juno, valencia, xpro2, willow veya nashville isimlerinden birini girin.
- Filtresiz temel görünüm kuralını almak istiyorsanız alanı boş bırakabilir veya normal yazabilirsiniz.
- Butona tıklayarak seçtiğiniz filtrenin CSS kodunu görüntüleyin.
- Sonuç panelinde görüntülenen CSS filter kuralını ve açıklamasını kopyalayıp web projenizin stil dosyasına yapıştırın.
Örnekler
- Filtre Adı alanına clarendon yazıldığında, kontrast ve doygunluğu artıran CSS filter tanımı ve açıklama bilgisi görüntülenir.
- Filtre Adı alanına willow yazıldığında, siyah-beyaz ve sepya tonlarını birleştiren CSS kuralı listelenir.
- Filtre Adı alanı boş bırakıldığında, varsayılan normal filtre tanımı olan 'none' kuralı gösterilir.
SSS
Desteklenmeyen veya hatalı bir filtre adı girersem ne olur?
Tanımlı liste dışındaki bir metin girildiğinde araç otomatik olarak normal filtresine geri döner ve ek bir CSS efekti üretmez.
Bu araç doğrudan görsel dosyası yükleyip piksel düzenlemesi yapar mı?
Hayır. Araç görsel dosyası kabul etmez veya görselleri düzenlemez; yalnızca web sayfalarınızda kullanabileceğiniz CSS filter kod tanımlarını ve açıklamalarını sağlar.
Hangi Instagram filtre isimleri destekleniyor?
Araç normal, clarendon, gingham, lark, reyes, juno, valencia, xpro2, willow ve nashville isimlerini destekler.