Css text-umbră, exemple

CSS proprietate text-shadow este responsabil pentru activitatea în umbra textului. Foarte similar cu proprietăți caseta-umbra.

Sintaxa CSS text-shadow

• X - umbra de offset de text de-a lungul axei X (adesea specificat în pixeli px);
• Y - umbra de offset de text prin axa Y (adesea specificat în pixeli px);
• R - umbra razei (dat de obicei px pixeli);
• - culoarea (pot fi specificate în orice format, a se vedea numele de culori HTML.)

Sintaxa pentru text-umbra permite atribuirea mai multor umbre, separate prin virgulă. de exemplu

umbra de prioritate (care este mai mare, care de mai jos) depinde de versiunea specifică a CSS. În prima umbra CSS3 în lista situată în partea de sus, ultimul pe listă - în partea de jos. In CSS2 vice-versa.

Exemple: cum să facă umbră din textul html

Exemplul №1. O simplă umbră în text html

Mai jos este un exemplu simplu, cu o nuanță în text. Aici am aplicat ambele decalaje (X și Y), și a făcut raza neclaritate.

Pe pagina este transformată în următoarele

Exemplul №2. Fixe sau rigide în text umbra HTML

Mai jos sunt două exemple. Shade, în ambele cazuri este aceeași (fix), adică fără estomparea. Observați ce efect este creat, dacă textul pe un fundal negru.

Pe pagina este transformată în următoarele

umbra fixă ​​sau rigide

Fixe sau rigide cu fundal umbra

Exemplul №3. umbra dublă de la text la html

Pe pagina este transformată în următoarele