Umbra textului cu css
Serghei Syroezhkin Copywriter
Deci, deja ați adăugat fonturi terțe părți pe site-ul dvs., setați dimensiunea fontului dorit și culoarea. Învățat pentru a gestiona decoratiuni font. Acum este timpul să vorbim despre cum să adăugați o umbră HTML-font.
Umbra textului nu se poate face prin intermediul HTML, modul cel mai corect și ușor de a face umbra - CSS. În acest scop, există o proprietate CSS umbra de construcții (text-shadow). Luați în considerare aplicarea acesteia:
Parametrul text-umbra este definită după cum urmează:
În cazul în care o umbră pentru textul ar trebui să fie eliminate, pur și simplu scrie:
Să examinăm acum semnificația acestor parametri și cum să le setați în mod corespunzător:
- Offset axa X (Y) - indică umbra de offset pe axa X (Y). Parametrul poate fi definit ca numărul de pozitive și negative. În primul caz, umbra va fi deplasat spre dreapta (în jos), în al doilea - stânga (sus);
- Shadow blur raza - cu creșterea valorilor crește dimensiunea de umbră, devine mai netedă și strălucitoare. netezirea arată diferit atunci când sunt afișate în diferite browsere;
- Culoare - setează culoarea umbrei.
Toți parametrii cu excepția culorile sunt specificate în pixeli (px). Culoarea poate fi specificată ca numele (roșu, verde, albastru), și hexazecimal (# 383838).
Umbrele pot fi combinate. Pentru a face acest lucru, trebuie să vă înregistrați mai multe umbre, separate prin virgulă:
Compatibilitate cross-browser
Practic, toate browserele moderne funcționează corect cu umbre, și sunt capabile să afișeze o mare varietate de nuanțe. Dar trebuie să ne amintim că unele browsere au o problemă cu asta. De exemplu, browser-ul Internet Explorer acceptă acum proprietatea text-shadow este numai începând cu versiunea 10. În versiunile anterioare folosit un filtru de proprietate:
Codul înregistrat creează o culoare umbră # 787878, cu un unghi de 60 de grade față de verticală și compensate 2 în pixel.
Textul accident vascular cerebral CSS
Cu proprietatea text-umbra poate fi făcută și text accident vascular cerebral. Sunt după cum urmează: pentru textul sunt 8 nuanțe pentru toate combinațiile posibile de X și Y: 1,0; 1.1;. ; 1, -1. Text-umbră, în acest caz, se pare ca acest lucru:
În exemplu, textul de culoare alb este setat la accident vascular cerebral negru 2 pixeli.