Witamy w Nieoficjalnym polskim support'cie AMX Mod X

Witamy w Nieoficjalnym polskim support'cie AMX Mod X, jak w większości społeczności internetowych musisz się zarejestrować aby móc odpowiadać lub zakładać nowe tematy, ale nie bój się to jest prosty proces w którym wymagamy minimalnych informacji.

Rozpoczynaj nowe tematy i odpowiedaj na inne
Zapisz się do tematów i for, aby otrzymywać automatyczne uaktualnienia
Dodawaj wydarzenia do kalendarza społecznościowego
Stwórz swój własny profil i zdobywaj nowych znajomych
Zdobywaj nowe doświadczenia

Guest Message by DevFuse

0

Gradient w Tekście

Started By Michael., 26.08.2012 15:32

css

You cannot start a new topic
You cannot reply to this topic

2 replies to this topic

#1 Michael.

Pomocny

Użytkownik

Reputacja: 16

Początkujący

Postów:65
GG:
Imię:Michał
Lokalizacja:Warszawa

Offline

Posted 26.08.2012 15:32

Witam,
Poradnik który teraz przeczytacie nauczy was dodawania gradientu na tekst, czyli różnokolorowy tekst. Efekt będzie działał każdym silniku(IE nie działa, na Google Chrome 100%). Również jest to technologia CSS3 jak w poprzednim poradniku. Definicje po rozwinięciu kodu. Zacznijmy od pliku CSS.

h1 { /* Ustawiamy dla <h1>AMXX.PL</h1> */
	 font-size: 50px;									/* Tekst o rozmiarze 50 pixeli */
	 background-image: -webkit-gradient(linear,		  /* Tło jako gradient liniowy */
	left top, left bottom,	  /* Gradient od Gory do Dołu */
	from(#74cd00),			  /* Z Góry Kolor #74cd00  Zielony */
	to(#4c8700));			   /* Do Dołu Kolor #4c8700 Zielony */
	 -webkit-background-clip: text;					  /* Przycinanie tła do tekstu */
	 -webkit-text-fill-color: transparent;			   /* Kolor tekstu jest przezroczysty dzięki temu nie nakłada się kolor z gradientem */
-moz-background-clip: text;  /* Firefox */
-moz-text-fill-color: transparent; /* Firefox */
background-clip: text; /* Inne */
text-fill-color: transparent;  /* Inne */
} /* Koniec h1 */

A HTML jest taki:
<h1>AMXX.PL</h1>

Efekt ciekawy... kolory lub gradienty możecie wziąć z tego generatora
KLIKNIJ TUTAJ