Lærðu hvernig á að bæta við glóðaáhrifum fljótt og auðveldlega með CSS3

Bættu við glósu á vefsíðu á grundvelli áherslu

Mjúk úthljóði bætt við frumefni á vefsíðunni þinni veldur því að þátturinn standi frammi fyrir áhorfandanum. Notaðu CSS3 og HTML til að beita glóa í kringum ytri brúnir mikilvægrar hlutar. Áhrifið er svipað og utanaðkomandi ljóma bætt við hlut í Photoshop.

Fyrst Búðu til Elementið að Ljóma

Ljósáhrif geta verið gerðar á hvaða litarbakgrunni sem er, en þau líta best út á dökkum bakgrunni, því að ljóma virðist ljóma meira. Í þessu rétthyrndu reitnum í rétthyrndum reit er DIV-þáttur settur í annan DIV-þáttur með svörtum bakgrunni. Ytra DIV er ekki nauðsynlegt fyrir ljóma, en það er erfitt að sjá ljógan á hvítum bakgrunni.

Gefðu DIV flokki ljóma:


Stilla stærð og lit á hlutnum

Eftir að þú hefur valið þáttinn sem þú ert að fara að lýsa með ljóma skaltu fara á undan og bæta við hvaða stíll þú vilt, eins og bakgrunnslit, stærð og leturgerðir. Þetta dæmi er blár rétthyrningur; Stærðin er stillt á 147px með 90px; og bakgrunnsliturinn er stilltur á # 1f5afe, royal blue. Það felur í sér framlegð til að setja frumefni í miðju svörtu ílátseiningarinnar.