Applying Gradient to Text

3 Answers

1. 
   

   
   

   Marc on Jan 30, 2012 Reply

   It is not possible. Gradient are not colors in CSS, they are images: https://developer.mozilla.org/en/CSS/gradient

   0 Votes 0 Votes  0 Votes

2. 
   

   
   

   Marc on Jan 30, 2012 Reply

   No, gradients aren’t colors in CSS. They are images: https://developer.mozilla.org/en/CSS/gradient

   As there are no techniques (yet) to apply images to text, it isn’t possible.

   CSS3 Regions may solve this problem. But likely not before 2013-2014.

   0 Votes 0 Votes  0 Votes

3. 
   

   
   

   coolxeo on Feb 07, 2012 Reply

   Only in webkit

   h1.gradient {
   font-size: 70px;
   background-image: -webkit-gradient(linear,
   left top, left bottom,
   from(white),
   to(black)
   );
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   }

   +1 Votes 1 Votes  0 Votes