Skocz do zawartości

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

Dołączona grafika Dołączona grafika

Guest Message by DevFuse
 

Zdjęcie
CSS

Gradient w Tekście

css

  • Nie możesz napisać tematu
  • Zaloguj się, aby dodać odpowiedź
2 odpowiedzi w tym temacie

#1 Michael.

    Pomocny

  • Użytkownik

Reputacja: 16
Początkujący

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

Napisano 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
  • +
  • -
  • 2

Szukasz unikalnego Call Of Duty:MW3 Mod'a? Znudziły Ci się serwery z brakiem unikalności? Mam coś dla Ciebie, spójrz niżej.

Dołączona grafika

Dołączona grafika

Klikaj codziennie!

IP: 80.82.16.70:27027


#2 Raen

    Wszechwiedzący

  • Power User

Reputacja: 160
Profesjonalista

  • Postów:536
  • GG:
  • Imię:Paweł
  • Lokalizacja:......
Offline

Napisano 26.08.2012 16:33

Szkoda że podgląd efektu nie działa i link do generatora :)
Ale ogólnie + :P
  • +
  • -
  • 0

angel-little.png


#3 Michael.

    Pomocny

  • Autor tematu
  • Użytkownik

Reputacja: 16
Początkujący

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

Napisano 26.08.2012 16:38

Nie mogę już edytować.
Generator tutaj - http://www.colorzill...radient-editor/
Wygląda to tak - Dołączona grafika
(26.08.2012 16:55):
Link do generatora poprawiony

  • +
  • -
  • 0

Szukasz unikalnego Call Of Duty:MW3 Mod'a? Znudziły Ci się serwery z brakiem unikalności? Mam coś dla Ciebie, spójrz niżej.

Dołączona grafika

Dołączona grafika

Klikaj codziennie!

IP: 80.82.16.70:27027






Również z jednym lub większą ilością słów kluczowych: css

Użytkownicy przeglądający ten temat: 0

0 użytkowników, 0 gości, 0 anonimowych