Kako lahko ustvarim učinke lebdenja CSS?

Učinke lebdenja CSS je dokaj preprosto ustvariti, osnovne učinke lebdenja pa je mogoče hitro in enostavno implementirati ter spremeniti s številnimi drugimi možnostmi. Cascading style sheets (CSS) je jezik, ki se uporablja pri ustvarjanju sloga in postavitve dokumenta, ustvarjenega v označevalnem jeziku, in se lahko uporablja za preprosto ustvarjanje učinkov lebdenja. Učinki lebdenja so spremembe, ki se pojavijo z besedilom, slikami ali drugimi predmeti v dokumentu, ko se kazalec, ki ga nadzira miška, premakne nad predmet. Učinki lebdenja CSS so običajno ustvarjeni v kodi CSS in jih je mogoče hitro in učinkovito implementirati.

Ena izmed najlažjih vrst učinkov CSS lebdenja za ustvarjanje je učinek, ki povzroči spremembo povezave na spletnem mestu, ko jo premaknete. Na primer, nekdo bo morda želel ustvariti besedilno povezavo, ki je videti kot standardno besedilo ali je drugačne barve kot preostala stran, vendar je, ko je »postavljena miško« ali »pomaknjena nad«, podčrtana ali podčrtana. Kako natančno se to izvede, je običajno odvisno od natančnega kodiranja, uporabljenega na strani, vendar je v preprostem primeru učinek lebdenja CSS mogoče dodati v pravila CSS v razdelku »slog«.

Novo pravilo je ustvarjeno za učinek lebdenja CSS z uporabo ustrezne oznake za predmet, kateremu se učinek doda. Na primer, izbrano besedilo je lahko del seznama ali izbrano v telesu spletne strani. To besedilo mora imeti posebno oznako, povezano z njim v kodiranju telesa. S to oznako je mogoče ustvariti pravilo za vzpostavitev učinka lebdenja CSS za vse predmete s to dano oznako.

Z uporabo besedila, na primer, če želite, da povezava postane podčrtana, ko uporabnik premakne miškin kazalec nanjo, lahko začnete tako, da to povezavo označite v telesni kodi in ustvarite posebno pravilo za to oznako. Znotraj tega pravila lahko navedete, kakšne barve naj bo to besedilo, tako da ga zlahka izstopa od okoliškega besedila in vizualno pokaže, da bi uporabnik morda želel premakniti miškin kazalec nad njim, kar bi nato sprožilo učinek lebdenja CSS. Ta učinek se doda tako, da oznaki za vrstico besedila ustvarite “psevdorazred lebdenja”.

Če bi bila oznaka za besedilo na primer »a«, bi uporabili psevdorazred, ki je bil videti kot »a:hover {…}« z želenim učinkom lebdenja CSS, navedenim v oklepaju. V prejšnjem primeru, če je bil želeni učinek podčrtanje besedila, ko se lebdi nad njim, bi se glasil »dekoracija besedila: podčrtaj;« znotraj oklepaja. Obstaja več različnih učinkov lebdenja, ki jih je mogoče ustvariti za različne predmete in vsak ima poseben ukaz za ustvarjanje učinka, vendar je postopek v večini primerov podoben.