KakaoTalk içinde oturum açma ve dosya kaydetme engellidir. Tüm özellikleri kullanmak için sayfayı Safari ile açın.
LINE içinde oturum açma ve dosya kaydetme engellidir. Tüm özellikleri kullanmak için sayfayı Safari ile açın.
Menü (⋯) düğmesine dokunup bu sayfayı Safari veya Chrome'da açın. Oturumu orada açabilirsiniz.
İki veya daha fazla rengi bir gradyanda harmanlayın, CSS'ini kopyalayın.
CSS
background: linear-gradient(135deg, #3525CD 0%, #06B6D4 100%);
Renklerinizi seçin, Çalıştır'a basın, gradyanlar burada birikir.
HEX, RGB ve HSL renk kodları arasında dönüştürün (#6D28D9 → RGB).
Bir fotoğraftan en çok kullanılan baskın renkleri çıkarıp bir palet olarak gösterin.
Tek bir temel renkten 50'den 900'e açıktan koyuya adımları otomatik olarak oluşturun.
İki veya üç marka renginin çapraz aktığı bir açılış sayfası başlığı gibi geniş arka planlar için iyi. İki durakla sınırlı kalın ve açıyı ayarlayın, bir metnin veya fotoğrafın arkasında onu ezmeden oturacak kadar hafif kalır.
Düz renkli bir buton sıkıcı görünebilir — hafif bir ton kaymasıyla iki durak onu tıklanabilir hissettirir. Varsayılan 135° açı sol üstten sağ alta akar, bu da buton boyutundaki şekillerde en iyi okunan yöndür.
Bir gün batımı veya aurora tarzı bir arka plan oluşturmak için en fazla altı renk durağı ekleyin ve konumlarını aralıklandırın. Ne kadar çok durak eklerseniz, her geçiş bandı o kadar kısalır, bu yüzden konum yüzdelerini ayırın, yoksa renkler bulanık bir karışıma dönüşür.
Türü seçin — doğrusal veya dairesel.
Her renk durağının rengini ve konumunu ayarlayın, daha fazlasına ihtiyacınız varsa Renk ekle düğmesiyle altıya kadar ekleyin.
Doğrusal seçtiyseniz, akış yönünü ayarlamak için açı kaydırıcısını kullanın.
Sonucu oluşturmak için Çalıştır'a tıklayın, sonra CSS'i kopyalayın veya kitaplığınıza indirin/kaydedin.
CSS linear-gradient açıları, bir iletki gibi yataydan değil, tam yukarıdan saat yönünde ölçülür — bu yüzden 0° aslında alttan üste doğru işaret eder. Yönü hisle yanlış tahmin etmek kolaydır; kaydırıcıyı sürüklerken önizlemenin güncellendiğini izlemek matematik yapmaktan daha hızlıdır.
Bu aracın radial-gradient'i merkezden yayılan daire şekline kilitlidir — elips seçeneği yoktur ve odak noktasını merkezden kaydırmanın bir yolu yoktur. Kare olmayan bir en-boy oranına sahip bir arka planda, o daire kenarlarda görünür şekilde kesilmiş görünebilir.
Renk durakları konuma göre otomatik sıralanmak yerine liste sırasında boyanır, bu yüzden aynı yüzdede iki durak üst üste koymak yumuşak bir karışım yerine sert bir renk dikişi üretir — çizgili bir görünüm hedefliyorsanız kasıtlı olarak yararlıdır, ama kademeli bir geçiş amaçladıysanız bir tuzaktır.