Yazıya Gradient Renk Uygulama (jQuery)

Bazı tasarımlarda yazıların gradient renkleri oluyor. Bunu css’e dökerken ya imaj olarak alıyoruz ya da tek renk ile yapıyoruz. Ancak bir jquery eklentisi sayesinde yazılara kolayca gradient renk verebileceğiz. Benim çok işime yaradı, eminim sizinde işinize yarayacaktır 🙂

Web adresi: http://www.codefocus.ca/goodies/gradienttext

Nasıl kullanılır?

jQuery kütüphanesini ve eklenti dosyasını sayfaya çağırdıktan sonra elemanı seçip uygualamak kalıyor geriye.. İşte çalışır bir örnek;

$('#text').gradienttext({
	colors: ['#FFF', '#CCC', '#111'],
	style: 'vertical'
});

Dilerseniz style parametresini horizontal yaparak yatay şekilde de gradient verebilirsiniz. Ne kadar renk kodu yazmak isterseniz o kadar belirtebilirsiniz colors parametresinde.

Demo:

Yayınlayan

Tayfun Erbilen

2009’dan beri web işleriyle uğraşan, aynı zamanda amatör müziklede ilgilenen sıradan birisi..

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir