Pagkat-on Unsaon Pagdugang sa mga Epekto sa Kahayag Dali ug sayon ​​Uban sa CSS3

Pagdugang og usa ka Glow sa usa ka Elemento sa Web para sa Pagpasiugda

Ang usa ka humok nga kahayag sa gawas nga gidugang ngadto sa usa ka elemento sa imong web page hinungdan sa elemento sa pagtindog sa tumatan-aw. Paggamit sa CSS3 ug HTML aron magamit ang usa ka siga sa mga sulud sa gawas sa usa ka importante nga butang. Ang epekto susama sa usa ka glow sa gawas nga gidugang sa usa ka butang sa Photoshop.

Una Paghimo sa Elemento sa Glow

Ang mga epekto sa kislap mahimong mahimo sa bisan unsang kolor nga background, apan kini ang labing maayo nga hitsura sa mangitngit nga mga kaagi tungod kay ang glow daw mas grabe pa. Sa kini nga rounded-sulud rectangular kahon nga panig-ingnan, usa ka elemento DIV gibutang sa laing elemento DIV uban sa usa ka itom nga background. Ang gawas nga DIV dili kinahanglan alang sa siga, apan lisud makita ang siga sa puti nga background.

Ihatag ang DIV usa ka matang sa siga:


Ibutang ang Size ug Colour of the Element

Human nimo pilia ang elemento nga imong gihanduraw sa usa ka siga, padayona ug idugang ang bisan unsang mga estilo nga gusto nimo niini, sama sa kolor sa background, gidak-on, ug mga font. Kini nga pananglitan usa ka asul nga rectangle; ang gidak-on gibutang sa 147px sa 90px; ug ang kolor sa background gibutang sa # 1f5afe, usa ka harianon nga asul. Naglakip kini sa usa ka kilid aron ibutang ang elemento sa tunga-tunga sa itom nga elemento sa sudlanan.