Saznajte kako da dodate efekte sjaja brzo i jednostavno pomoću CSS3

Dodajte sjaj na elementu web stranice za akcenat

Meki spoljni sjaj dodan elementu na vašoj web stranici dovodi do toga da se element izdvoji gledaocu. Koristite CSS3 i HTML da biste primenili sjaj oko vanjskih ivica važnog objekta. Efekat je sličan spoljnom sjaju dodanom objektu u Photoshopu.

Prvo kreirajte element da sija

Sjajni efekti mogu se obaviti na bilo kojoj boji, ali izgledaju najbolje u tamnim pozadinama, jer tada se sjaji više sija. U ovom primjeru pravokutne kutije zaokruženog ugla, DIV element se nalazi u drugom DIV elementu sa crnom pozadinom. Spoljni DIV nije potreban za sjaj, ali je teško videti sjaj na beloj pozadini.

Daj DIV klasu sjaja:


Postavite veličinu i boju elemenata

Nakon što odaberete element koji ćete ulepšati sjajan, nastavite i dodajte sve stilove koje želite, kao što su boje pozadine, veličina i fontovi. Ovaj primjer je plavi pravougaonik; veličina je podešena na 147px za 90px; a boja pozadine je podešena na # 1f5afe, kraljevsko plavo. Uključuje marginu za postavljanje elementa u sred elementa crne kontejnera.