CSS Filtre ve Karışım Oluşturucu

CSS Filtre ve Karışım Oluşturucu, CSS görüntü işleme özelliklerini görsel olarak birleştirmenize ve otomatik olarak kod oluşturmanıza olanak tanıyan ücretsiz bir geliştirici aracıdır: filter, backdrop-filter ve mix-blend-mode.

Parlaklık, kontrast ve bulanıklık ayarlarını tamamen CSS ile yeniden oluşturabilirsiniz. Sonucu önizlerken filtrelerin sırasını sürükleyip bırakarak değiştirebilirsiniz. Ayrıca Tailwind CSS sınıfları da oluşturur ve resim PNG olarak kaydedilebilir.

filter

Efektleri doğrudan bir öğeye uygulayan bir CSS özelliği.

backdrop-filter

Filtre efektlerini öğenin "arkasındaki" alana uygular. "Glassmorphism" için gereklidir.

mix-blend-mode

Bir öğenin arkasındaki içerikle nasıl karışacağını belirtir.

Tailwind CSS

Bir CSS çerçevesi. Bu araç kısa sınıflar oluşturabilir.

Q.Seçilen resimler sunucuya kaydediliyor mu?

Hayır, işlev yalnızca tarayıcınızda (yerel ortam) görüntülemek için kullanılır ve veriler asla harici bir sunucuya gönderilmez. Tamamen güvenli ve çevrimdışı çalışır.

Q.Filter ve backdrop-filter arasındaki fark nedir?

`filter` özelliği efektleri doğrudan bir öğeye uygular. Buna karşılık, `backdrop-filter` efektleri öğenin 'arkasındaki' içeriğe uygular. Arka planı bulanıklaştırdığınız ve metni öne yerleştirdiğiniz kullanıcı arayüzleri için `backdrop-filter` kullanılır.

Q.Filtreleri yeniden sıraladığımda efekt neden değişmiyor?

'Kontrast' ve 'Parlaklık' gibi bazı kombinasyonlar, sıralarına bağlı olarak çok az görsel farklılık gösterebilir. Ancak, 'Bulanıklık' ve ardından 'Kontrast' gibi kombinasyonlar net farklılıklar üretecektir.

Q.Resim kaydedilemedi.

Harici bir URL'den resim yüklediyseniz, CORS politikası dışa aktarmayı engelleyebilir. Lütfen 'Resmi Değiştir' aracılığıyla doğrudan cihazınızdan bir dosya açmayı deneyin.