Pürüzsüz renk geçişleri: CSS gradyan

Doğal renkler genellikle tekdüze düzgündür. Ama doğal renk geçişleri biri düz renk görüntüsünün mükemmel düz bir yüzey üzerinde. Her zaman istemeden güneş ışığı veya yapay aydınlatma yanı sıra görüş açısı arasındaki değişim düzensiz ve eşsiz tonları sağlar düşer.

Aynı nesneye yönelik bakış İki puan, yüzeyinde ışınlarının isabet diğer açılardan ileri ve geri onların vizyon açıları ve korelasyon sırasıyla renk farkını algılamaktadır.

renk geçişlerinin Psikolojik etkileri

Renk sadece fiziksel duyumları ve sadece uzayda saat ve konum değil bağlıdır. ters konumda ağaçlar, binalar, dağlar ve diğer öğelerin görüntüleri de yansıması hissi uyandırmak su yüzeyine veya diğer yüzey üzerinde.

tam beyaz bir yüzey duvarlarına kesinlikle siyah paralel çizgiler, bir duvara inceledi doğal çizgi kalınlığı kalınlık redüksiyon ile orantılı olarak tüm uzunluğu arttıkça boyunca her satır - bu odada yatay bir tavana sahip izleyicide hissi neden olur.

Bir resim ikiye ile yazılı olduğu ve bunların her defokus görünüm ise, uzaysal hacim etkisi veren gözlerinin arasındaki mesafe ile birbirlerine göre kaydırılır.

Poster yeterli büyüklükte ve gerçekte sınır kapısı mükemmel yaptıysanız, posterde resim rengin istenen tonları, seyirci bilinci otomatik olarak bağlanacaktır doğal olarak görülecektir.

Sitesi ve her şeyden önce, kendi tasarım ve renk düzeni esas ve tamamlayıcı kaynak mantık, onun diyalog, ziyaretçi üzerinde düzgün psikolojik etkiyi yapmak vardır.

CSS ile yumuşak geçişler

Gradyanlar doğrusal gradyanı () ve radyal gradyan () ile oluşturulur. İlk durumda, bir renk düz değiştir hattı boyunca ve ikinci durumda oluşur - bir elips veya daire. CSS degrade arka plan, arka plan görüntü, sınır-resim, liste tarzı-görüntünün özelliklerinde ayarlanabilir. birbirlerine elemanlarını Üst Üste Gelen, onların şeffaflık tanımlayan harika gölgeler oluşturmak ve benzersiz geçişler oluşturabilirsiniz.

Ancak renk geçişi hep düzgün olamaz akılda tutulmalıdır. renk kombinasyonları Bazı varyantları, şeffaflık değerleri sayfa düzeni plan istenmeyen etkiler adımı verebilir.

Kayıt arka plan gradyan CSS kuralları

gradyan başka bir renge düzgün bir geçiştir. Bu durumda, birden çok renk kullanabilirsiniz. çeşitlendirilebilir (CSS doğrusal gradyan) lineer sürümü Not:

İlk parametre renk, ardından eğim açısı tarafı veya bölgesidir. Sadece iki renk kullanmak gerekmez, tüm gökkuşağı çizebilirsiniz. Uygulanması şeffaflık donukluk mülkiyet örtüşen etkilere elde edilebilir.

renk seçimi, renk jeneratörleri

tasarımcının yaratıcı kısmı, son yıllarda geliştiricinin sitesi basitleştirilmiş. Bu ürünü satmak bir hizmet sunmak, indirim, kalite ve / veya rakiplerinizden önemli farklılıklar vurgulamak için en az bilgi, fonksiyonların minimum, maksimum duygusu ve zihinsel tutum içeren, pratik ve uygun dikdörtgen şeklinde olur.

Ancak, hatta bu tür sert koşullar, yönetmelik ve modern web kaynak yaratılmasına metin içeriğinin duygusu ve stil seçilen diyalog yansıtan, yaratıcılık ve renk ile agresif, hedeflenen işi yapmak için bazı geliştiricilerin net bir arzu için bir yerdir. CSS degrade daha sık uygulanmıştır.

Renk çözümleri "Google" ve "Skype yönettiği", özellikle, ancak, son birkaç yıl içinde, web tasarımı aktif bileşen, yeni şekiller, yeni renkler ve mütevazi aramaya akan formların dinamiklerini denemeye başladı efekt ve takipçileri vardı.

İnternette pek çok çevrimiçi kaynak büyük ölçüde doğru renkleri :. Angrytools, flatonika, generatecass vb Onların yardımı ile seçmenin işini kolaylaştırır (CSS degrade jeneratör) vardır, gerçekten, doğru renk seçiminde zamandan tasarruf çizgi geçişleri ve bindirmeleri düşünebilirsiniz.

Dinamik renk düzeni

Gelenek, web kaynaklarının yaratılmasını yatan, dokunulmaz bir kural yaptı: müşteri ile yapı, içerik ve site diyalog - geliştirici yetkisi sahibi (müşteri) iradesini uygular. Sitenin Görünüş, geleneksel olarak da onun tasarımı istemci tarafından belirlenmez gerçeğini ifade eder.

Bu arada, çeşitli cihazlara büyüyor ve her tür ailelerde orada çözünürlükte olarak sadece renk üretimi ciddi farklar olan çeşitli umut verici örnekler, vardır ve tarayıcı görünür bölgesini oluşturur.

kullanılan tarayıcılar ve sürümler Ayrıca, çeşitli CSS degrade yeteneklerinin yeterli eşlemenizde sorun yaratır.

Toplu olarak bu durumları değerlendirmek ve bazı umut verici çalışma örnekleri, sitenin görünümünü sadece devlet defaultnom iddia edilebilir - kaynağın geliştiricisi ve / veya sahibinin yetki. Bir müşteri ilk kaynak ziyaret Sadece takdirde sitede tasarımını değerlendirmek mümkün olabilir. Müşteri sitesini hatırlamak uygun gördü ve günlük yaşamda kullanmak ise, onun arzusu görünümünü kontrol etmek için araçlara sahip olmak ve işlevsellik tamamen haklı.

geliştirici faydaları transferi ağırlık Böyle bir merkezi: çapraz tarayıcı uyumluluğu, farklı işletim sistemleri üzerinde farklı cihazlarda test sitesinde uygulanmasına meşgul gerek yoktur.

Üstelik bu eğilim, farklı cihazlara CSS kurallarının fiilen uygulanması için ortak bir veri tabanı oluşturacaktır. Bu sadece bir başlangıç, ama potansiyel büyük önem taşımaktadır.