Saznajte kako dodati sjajne efekte brzo i jednostavno pomoću CSS3

Dodajte svjetlost elementu web stranice za naglasak

Mekani vanjski sjaj dodan elementu na vašoj web stranici uzrokuje da se element ističe gledatelju. Koristite CSS3 i HTML kako biste primijenili sjaj oko vanjskih rubova važnog objekta. Učinak je sličan vanjskom sjaju dodanom objektu u programu Photoshop.

Prvo stvorite element na sjaju

Sjajni efekti mogu se izvesti na bilo kojoj boji pozadini, ali oni izgledaju najbolje na tamnim pozadinama, jer tada sjaj izgleda da sjaji više. U ovom okruglom kutu primjer pravokutnog kutija, DIV element se nalazi u drugom DIV elementu s crnom pozadinom. Vanjski DIV nije potreban za sjaj, ali je teško vidjeti sjaj na bijeloj pozadini.

Dajte DIV klasu sjaja:


Postavite veličinu i boju elementa

Nakon što odaberete element koji ćete uljepšati sjajem, pođite naprijed i dodajte sve stilove koji želite, kao što su boja pozadine, veličina i fontovi. Ovaj primjer je plavi pravokutnik; veličina je postavljena na 147px za 90px; a boja pozadine postavljena je na # 1f5afe, kraljevsko plavo. To uključuje marginu za postavljanje elementa u sredinu crnog spremnika.