Tgħallem Kif Żid Glow Effetti Malajr u Faċli Bil CSS3

Żid Glow għal Element ta 'Paġna Web għal enfasi

Displej artab barra miżjud ma 'element fuq il-paġna web tiegħek jikkawża li l-element jispikka lit-telespettatur. Uża CSS3 u HTML biex tapplika glow madwar it-truf ta 'barra ta' oġġett importanti. L-effett huwa simili għal glow barra miżjud ma 'oġġett fil-Photoshop.

L-Ewwel Oħloq l-Element biex Tkellem

L-effetti tad-dawl jistgħu jsiru fuq kwalunkwe sfond tal-kulur, iżda jaraw bl-aħjar mod fuq sfondi dlam minħabba li allura l-glow jidher li jrażżan aktar. F'dan l-eżempju tal-kaxxa rettangolari tal-kantuniera tond, element DIV jitqiegħed f'element ieħor DIV bi sfond iswed. Id-DIV ta 'barra mhix meħtieġa għall-kiwi, iżda huwa diffiċli li tara d-dawl fuq sfond abjad.

Agħti lill-DIV klassi ta 'glow:


Issettja d-Daqs u l-Kulur tal-Element

Wara li tagħżel l-element li int ser tebbaħ bi tleqq, mur quddiem u żżid xi stili li trid, bħall-kulur ta 'l-isfond, id-daqs u l-fonts. Dan l-eżempju huwa rettangolu blu; id-daqs huwa ssettjat għal 147px b '90px; u l-kulur ta 'l-isfond huwa ssettjat għal # 1f5afe, blu rjali. Dan jinkludi marġni biex l-element jitqiegħed fin-nofs ta 'l-element tal-kontenitur iswed.