Naučite se, kako hitro in enostavno dodati učinke glowa s CSS3

Dodajte žarek elementu spletne strani za poudarek

Mehak zunanji sij, dodan elementu na vaši spletni strani, povzroči, da se element izostri gledalcu. Uporabite CSS3 in HTML za sijaj okoli zunanjih robov pomembnega predmeta. Učinek je podoben zunanjemu sijaju, ki je dodan objektu v Photoshopu.

Najprej ustvarite element do sijaja

Glow učinke lahko storite na katerikoli barvni ozadju, vendar najbolje izgledajo na temnih ozadjih, saj se potem zdi, da sijaj šimer bolj širi. V tem primeru zaokroženega kota pravokotnega polja se element DIV nahaja v drugem elementu DIV s črnim ozadjem. Zunanji DIV ni potreben za sij, vendar je težko videti sij na belem ozadju.

Daj DIV razredu sijaja:


Nastavite velikost in barvo elementa

Ko izberete element, ki ga želite okrašiti s sijočo, pojdite in dodajte sloge, ki jih želite, na primer barvo ozadja, velikost in pisave. Ta primer je modri pravokotnik; velikost je nastavljena na 147 slikovnih pik za 90 pik; barva ozadja pa je nastavljena na # 1f5afe, kraljevsko modro. Vključuje rob za postavitev elementa na sredino črnega vsebnika.