Alamin kung Paano Magdagdag ng mga Epekto ng Glow Mabilis at Madaling Gamit ang CSS3

Magdagdag ng Glow sa Elemento ng Web Page para sa Pag-diin

Ang isang malambot na glow sa labas na idinagdag sa isang elemento sa iyong web page ay nagiging sanhi ng elemento upang tumayo sa viewer. Gumamit ng CSS3 at HTML upang maglapat ng isang glow sa paligid ng mga gilid sa labas ng isang mahalagang bagay. Ang epekto ay katulad ng isang glow sa labas na idinagdag sa isang bagay sa Photoshop.

Una Lumikha ng Element sa Glow

Ang mga epekto ng kislap ay maaaring gawin sa anumang kulay na background, ngunit ang hitsura nila pinakamahusay sa madilim na background dahil pagkatapos ang glow ay tila sa kumislap higit pa. Sa ganitong sulok na sulok na rectangular box na halimbawa, isang elemento ng DIV ay inilalagay sa isa pang elemento ng DIV na may itim na background. Ang panlabas na DIV ay hindi kinakailangan para sa glow, ngunit mahirap makita ang glow sa isang puting background.

Ibigay ang DIV isang uri ng glow:


Itakda ang Laki at Kulay ng Elemento

Pagkatapos mong piliin ang elemento na iyong pinapalamutian ng isang glow, magpatuloy at magdagdag ng anumang mga estilo na gusto mo dito, tulad ng kulay ng background, laki, at mga font. Ang halimbawang ito ay isang asul na parihaba; ang laki ay nakatakda sa 147px sa pamamagitan ng 90px; at ang kulay ng background ay naka-set sa # 1f5afe, isang royal blue. Kabilang dito ang isang gilid upang ilagay ang elemento sa gitna ng itim na lalagyan na sangkap.