Научете како да додадете ефекти на сјај брзо и лесно со CSS3

Додај сјај на веб-страница елемент за акцент

Мекиот надворешен сјај што е додаден на некој елемент на вашата веб-страница, предизвикува елементот да се истакнува на гледачот. Користете CSS3 и HTML за да нанесете сјај околу надворешните рабови на важен објект. Ефектот е сличен на надворешен сјај додаден на објект во Photoshop.

Прво Направете го елементот да свети

Сјајните ефекти можат да се направат на која било позадина во боја, но тие изгледаат најдобро на темни позадини, бидејќи тогаш сјајот изгледа како да трепери повеќе. Во овој пример за заоблени квадратни правоаголни кутии, елементот DIV се става во друг DIV елемент со црна позадина. Надворешниот DIV не е неопходен за сјајот, но тешко е да се види сјајот на бела позадина.

Дајте му DIV класа на сјај:


Поставете ја големината и бојата на елементот

Откако ќе го изберете елементот што ќе го разубавувате со сјај, одете напред и додајте стилови кои сакате да ги направите, како што се бојата на заднината, големината и фонтовите. Овој пример е синиот правоаголник; големината е поставена на 147px со 90px; и бојата на позадина е поставена на # 1f5afe, кралско сино. Тоа вклучува маргина за поставување на елементот во средината на црниот контејнерски елемент.