Lernu Kiel aldoni Glow Efektoj Rapide kaj Facile Kun CSS3

Aldonu Glow al TTT-paĝo Elemento por Emfazo

Malsa ekstera brilo aldonita al elemento sur via retpaĝo kaŭzas ke la elemento elstaras al la spektanto. Uzu CSS3 kaj HTML por apliki brilon ĉirkaŭ la eksteraj randoj de grava objekto. La efiko estas simila al ekstera brilo aldonita al objekto en Photoshop.

Unue Krei la Elekton al Glow

Glow-efikoj povas esti faritaj en iu ajn kolora fono, sed ili aspektas plej bone en malhelaj fonoj ĉar tiam la brilo ŝajnas pli trankviligi. En ĉi tiu ronda-angulo rektangula skatolo ekzemplo, DIV-elemento estas metita en alia DIV-elemento kun nigra fono. La ekstera DIV ne necesas por la brilo, sed malfacilas vidi la brilon sur blanka fono.

Donu la DIV klason de brilo:


Ŝanĝu la Grandecon kaj Koloron de la Elemento

Post kiam vi elektas la elementon, kiun vi adoros per brilo, iru antaŭen kaj aldonu ajnajn stilojn, kiujn vi volas, kiel fonkoloro, grandeco kaj tiparoj. Ĉi tiu ekzemplo estas blua rektangulo; la grandeco estas fiksita al 147px per 90px; kaj la fonkoloro estas fiksita al # 1f5afe, reĝa bluo. Ĝi inkluzivas randon por meti la elementon en la mezo de la nigra ujo elemento.