Kendi CSS Gradyanlarınızı Bu Ücretsiz Web Uygulamasıyla Karıştırın

Her web tasarımcısı bilmeli CSS3 degradeleri. Yıllardır etraflarındalar ve tüm büyük tarayıcılar tarafından yaygın olarak destekleniyorlar..

Ve şimdi, gibi ücretsiz web uygulamaları Harman ile anında CSS3 degradeleri oluşturmanıza izin verin tarayıcı içi görsel editörler. Arasında seçim yapabilirsiniz doğrusal ve radyal degradeler karıştırmak için renkler ile bağlama.

İlk sayfa iki katı renk her iki tarafında. Kullanabilirsiniz Renk paleti tonlar arasında geçiş yapmak veya manuel HEX kodu Eğer istediğiniz rengi biliyorsanız. Beğendiğiniz iki renge sahip olduktan sonra, “Harmanlayalım” buton merkezinde.

Her iki renk de birlikte bir CSS3 degradesine karışıyor düzenlenebilir seçenekler Sayfanın üst kısmına yakın Arasında seçim yapabilirsiniz doğrusal gradyanlar & radyal degradeler, ve eğer doğrusal stili kullanıyorsanız merkez konumunu sürükleyin tüm sayfa boyunca.

Artı, sen harman modunda hala geri dönebilirsin renkleri değiştir altta. Bu, her tasarımcının ihtiyaç duyduğu mükemmel kodsuz CSS3 gradyan jeneratörü gibidir..

Beğendiğiniz iki renge sahip olduktan sonra, kod desteği simgesi sağ üst köşede. Bu getiriyor CSS kodlu pencere Stil sayfalarınıza kopyalayıp yapıştırabileceğiniz.

Blend, NYC tasarımcısı Colin Keany tarafından oluşturulan ücretsiz bir araçtır. O da sitesinde barındırılan, Buna rağmen GitHub'a ya da herhangi bir yerde serbest kaynak koduna bir bağlantı göremiyorum. Ama o yazdı Bir vaka çalışması Tüm kullanışlı özellikleriyle Blend oluşturma işlemini detaylandırma.

Maalesef, şu anki sürüm ikiden fazla rengi desteklemiyor. Ancak gelecekte çok renkli seçenekler için parmaklarımı geçiyorum.

Yerel bir kopyayı indiremediğinizden, ileride kullanmak için Blend imlemeyi tavsiye ederim. Bu mükemmel bir yol test gradyanları stil sayfanızı art arda düzenlemeden.

Ve fikirlerinizi paylaşmak ya da sadece bu gradyan aracı için teşekkür etmek istiyorsanız Colin @colinkeany 'ı tweetleyebilirsiniz..