જાણો કેવી રીતે ઝડપી અને સરળતાથી CSS3 સાથે ગ્લો અસરો ઉમેરો

ભાર માટે વેબ પેજ એલિમેન્ટમાં એક ગ્લો ઉમેરો

તમારા વેબ પેજ પર એક તત્વમાં નરમ બહારના ગ્લો ઉમેરાય છે કારણ કે તત્વ દર્શકની બહાર ઊભા કરે છે. મહત્વના ઑબ્જેક્ટની બહારની કિનારીઓની આસપાસ ચમકવા માટે CSS3 અને HTML નો ઉપયોગ કરો. ફોટોશોપમાં ઑબ્જેક્ટમાં ઉમેરાઈને અસર બહારના ગ્લો જેવું છે.

પ્રથમ ગ્લો માટે એલિમેન્ટ બનાવો

ગ્લો અસરો કોઈપણ રંગની પૃષ્ઠભૂમિ પર કરી શકાય છે, પરંતુ તેઓ શ્યામ પશ્ચાદભૂમાં શ્રેષ્ઠ દેખાવ કરે છે કારણ કે ત્યારબાદ ગ્લો વધુ ઝબકવું લાગે છે. આ ગોળાકાર ખૂણાવાળા લંબચોરસ બૉક્સ ઉદાહરણમાં, એક DIV ઘટક કાળી પૃષ્ઠભૂમિ સાથે બીજા DIV ઘટકમાં મૂકવામાં આવે છે. ગ્લો માટે બાહ્ય DIV આવશ્યક નથી, પરંતુ સફેદ પૃષ્ઠભૂમિ પર ગ્લો જોવું મુશ્કેલ છે.

DIV ને ગ્લોનો વર્ગ આપો:


એલિમેન્ટનું માપ અને રંગ સુયોજિત કરો

તમે તત્વ પસંદ કરો તે પછી તમે ગ્લો સાથે શણગારવા જઈ રહ્યા છો, આગળ વધો અને કોઈપણ શૈલીઓ તમે તેને કરવા માંગો છો ઉમેરો , જેમ કે પૃષ્ઠભૂમિ રંગ, કદ, અને ફોન્ટ્સ. આ ઉદાહરણ વાદળી લંબચોરસ છે; કદ 147px થી 90px પર સેટ છે; અને પૃષ્ઠભૂમિ રંગ # 1f5afe, એક શાહી વાદળી પર સેટ છે. તે કાળા કન્ટેનર તત્વની મધ્યમાં તત્વ મૂકવા માટે ગાળો શામેલ છે.