Leer hoe om vinnig-en maklik gloeffekte met CSS3 by te voeg

Voeg 'n gloed by 'n webbladsy-element vir nadruk

'N Sagte buite-gloed wat by 'n element op jou webblad gevoeg word, veroorsaak dat die element uitkyk na die kyker. Gebruik CSS3 en HTML om 'n gloed om die buitekant van 'n belangrike objek toe te pas. Die effek is soortgelyk aan 'n buite glans wat by 'n voorwerp in Photoshop gevoeg word.

Maak eers die element om te gloei

Gloei effekte kan op enige kleur agtergrond gedoen word, maar hulle lyk die beste op donker agtergronde, want dan lyk die gloei meer. In hierdie afgeronde hoek reghoekige blokkie voorbeeld word 'n DIV element in 'n ander DIV element met 'n swart agtergrond geplaas. Die buitenste DIV is nie nodig vir die gloed nie, maar dit is moeilik om die gloed op 'n wit agtergrond te sien.

Gee die DIV 'n klas glans:


Stel die grootte en kleur van die element

Nadat jy die element kies wat jy met 'n gloei gaan versier, gaan voort en voeg enige style by wat jy wil hê, soos agtergrondkleur, grootte en lettertipes. Hierdie voorbeeld is 'n blou reghoek; Die grootte is ingestel op 147px teen 90px; en die agtergrondkleur is ingestel op # 1f5afe, 'n koninklike blou. Dit sluit 'n marge in om die element in die middel van die swart houerelement te plaas.