Text cu gradient pe el – CSS

Aceasta solutie este  disponibila doar pentru WebKit (Google Chrome si Safari), dar este cea mai usoara si curata metoda de a obtine un text cu gradient pe el. Sper ca viitoarele versiuni de Firefox sa stie de aceasta proprietate de CSS3.

h1 {
font-size: 72px;
background: -webkit-gradient(linear, left top, left bottom,
             from(#eee), to(#333));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

Lasă un răspuns

Completează mai jos detaliile despre tine sau dă clic pe un icon pentru autentificare:

Logo WordPress.com

Comentezi folosind contul tău WordPress.com. Dezautentificare / Schimbă )

Poză Twitter

Comentezi folosind contul tău Twitter. Dezautentificare / Schimbă )

Fotografie Facebook

Comentezi folosind contul tău Facebook. Dezautentificare / Schimbă )

Fotografie Google+

Comentezi folosind contul tău Google+. Dezautentificare / Schimbă )

Conectare la %s