Cufon met schaduw en gradients

Geschreven door Hor Kin Cheung zondag, 14 november 2010 20:29

Webdesign

In deel 1 heb je kunnen lezen hoe je cufon in je site kunt gebruiken, maar met behulp van cufon kun je nog veel meer. Zoals text-shadows en gradients aanbrengen in de lettertypes.

1.Voeg een gradient toe aan de lettertype:

Cufon.replace('.cufon-gradient', {
					color: '-linear-gradient(red, blue)'
					});

Cufon met gradient

Cufon.replace('.cufon-shadow', {
					textShadow: '2px 2px red'
					});

Cufon.replace('.cufon-gradient-shadow', {
					color: '-linear-gradient(blue, yellow)',
					textShadow: '2px 2px #C0C0C0'
					});