Dysgu sut i ychwanegu effeithiau glow yn gyflym ac yn hawdd gyda CSS3

Ychwanegwch Glow at Elfen Tudalen We ar gyfer Pwyslais

Mae glow tu allan meddal wedi'i ychwanegu at elfen ar eich tudalen we yn achosi'r elfen i sefyll allan i'r gwyliwr. Defnyddiwch CSS3 a HTML i gymhwyso glow o gwmpas ymylon allanol gwrthrych pwysig. Mae'r effaith yn debyg i glow allanol sydd wedi'i ychwanegu at wrthrych yn Photoshop.

Yn gyntaf Crewch yr Elfen i Glow

Gellir gwneud effeithiau glow ar unrhyw gefndir lliw, ond maent yn edrych orau ar gefndiroedd tywyll gan fod y glow yn ymddangos i fod yn ysgubo mwy. Yn yr enghraifft hon o blwch hirsgwar cornel rownd, gosodir elfen DIV mewn elfen DIV arall gyda chefndir du. Nid yw'r DIV allanol yn angenrheidiol ar gyfer y glow, ond mae'n anodd gweld y glow ar gefndir gwyn.

Rhowch ddosbarth o glow i'r DIV:


Gosodwch Maint a Lliw yr Elfen

Ar ôl i chi ddewis yr elfen y byddwch chi'n ei addurno â glow, ewch ymlaen ac ychwanegu unrhyw arddulliau yr hoffech ei gael, megis lliw cefndir, maint a ffontiau. Mae'r enghraifft hon yn betryal glas; mae'r maint wedi'i osod i 147px yn ôl 90px; ac mae'r lliw cefndir wedi'i osod i # 1f5afe, glas brenhinol. Mae'n cynnwys ymyl i osod yr elfen yng nghanol yr elfen cynhwysydd du.