Aflați cum să adăugați efecte strălucitoare rapid și ușor cu CSS3

Adăugați o strălucire unui element de pagină Web pentru accentuare

O strălucire moale din exterior adăugată la un element de pe pagina dvs. web face ca elementul să iasă în evidență. Utilizați CSS3 și HTML pentru a aplica o strălucire în jurul marginilor unui obiect important. Efectul este similar cu o strălucire exterioară adăugată unui obiect din Photoshop.

Mai întâi creați elementul pentru a străluci

Efectele strălucite se pot face pe orice fundal de culoare, dar arată cel mai bine pe fundaluri întunecate, deoarece atunci strălucirea pare să strălucească mai mult. În acest exemplu de cutie dreptunghiulară rotunjită, un element DIV este plasat într-un alt element DIV cu fundal negru. DIV exterior nu este necesar pentru strălucire, dar este greu să vezi strălucirea pe un fundal alb.

Dați DIV o clasă de strălucire:


Setați dimensiunea și culoarea elementului

După ce alegeți elementul pe care doriți să-l decorați cu o strălucire, continuați și adăugați orice stiluri pe care doriți să o utilizați, cum ar fi culoarea de fundal, dimensiunea și fonturile. Acest exemplu este un dreptunghi albastru; dimensiunea este setată la 147px cu 90px; iar culoarea de fundal este setată la # 1f5afe, un albastru regal. Acesta include o marjă pentru a plasa elementul în mijlocul elementului container negru.