Argibide nola gehitu Glow efektuak azkar eta erraz CSS3-rekin

Gehitu distira bat Web-orriaren azpiko elementuari

Kanpoko distira biguna zure webguneko elementu batera gehitzen den elementu batek ikusleari nabarmentzen dio. Erabili CSS3 eta HTML objektu garrantzitsu baten kanpo ertzetan distira bat aplikatzeko. Efektuak antzeko distira baten antzekoa da, Photoshop-en objektu batean gehituta.

Lehenik eta behin sortu Glow elementua

Glow efektuak edozein kolore atzeko planoan egin daiteke, baina itxura hobea dute atzeko plano ilunetan, eta distira gero eta distiratsuagoa dirudi. Horretarako, biribildutako kutxa laukizuzenaren adibidean, DIV elementu bat DIV elementu batean dago, hondo beltz batekin. Kanpoko DIVa ez da beharrezkoa dirdira egiteko, baina zaila da distira zuriz jantzita ikustea.

Eman DIV dirdira klase bat:


Ezarri tamaina eta elementuaren kolorea

Distira batekin embellish nahi duzun elementua aukeratuz gero, jarraitu eta nahi duzun edozein estilo gehitzeko , hala nola, atzeko planoaren kolorea, tamaina eta letra tipoak. Adibide hau laukizuzen urdina da; Tamaina 147 px bihurtzen da 90px-koa; eta atzeko planoko kolorea # 1f5a bezala definituta dago, errege urdina. Elementu beltza edukiontzi beltzaren erdian kokatzeko marjina bat dago.