Mësoni Si të Shto Efektet Glow shpejt dhe lehtë me CSS3

Shto një shkëlqim në një element të faqes së internetit për Theksim

Një shkëlqim i butë i jashtëm shtuar në një element në faqen tuaj të internetit shkakton elementin që të dalë nga shikuesi. Përdorni CSS3 dhe HTML për të aplikuar një shkëlqim në skajet e jashtme të një objekti të rëndësishëm. Efekti është i ngjashëm me një shkëlqim të jashtëm të shtuar në një objekt në Photoshop.

Së pari Krijo Elementin në Shkëlqim

Efekte të shkëlqimit mund të bëhen në çdo sfond të ngjyrave, por ato duken më së miri në prejardhje të errët, sepse atëherë shkëlqimi duket sikur shkëlqen më shumë. Në këtë kuti kuti drejtkëndëshe rrumbullakuar-qoshe, një element DIV është vendosur në një element tjetër DIV me një sfond të zi. DIV e jashtme nuk është e nevojshme për shkëlqimin, por është e vështirë të shohësh shkëlqimin në një sfond të bardhë.

Jepni DIV një klasë të shkëlqim:


Vendosni madhësinë dhe ngjyrën e elementit

Pasi ta zgjidhni elementin që do të zbukurosh me një shkëlqim, shkoni përpara dhe shtoni çdo stil që dëshironi, si ngjyra e sfondit, madhësia dhe shkronjat. Ky shembull është një drejtkëndësh blu; madhësia është vendosur në 147px nga 90px; dhe ngjyra e sfondit është vendosur në # 1f5afe, një blu mbretërore. Ai përfshin një diferencë për të vendosur elementin në mes të elementit të enës së zezë.


width: 147px;
lartësia: 90px;
background-color: # 1f5afe;
}