Špeciálne efekty HTML textov

Autor: Laura McKinney
Dátum Stvorenia: 2 Apríl 2021
Dátum Aktualizácie: 20 November 2024
Anonim
Špeciálne efekty HTML textov - Články
Špeciálne efekty HTML textov - Články

Obsah

HTML a CSS môžu produkovať niektoré cool textové efekty, rovnako ako štandardné formátovanie, ako je veľkosť písma a farba pozadia. Špeciálne efekty v HTML spôsobujú, že sa text objavuje a správa sa neobvyklým spôsobom, ktorý priťahuje pozornosť diváka. Použite ich na animáciu zastavenej stránky alebo na pridanie jednoduchého textu.


Špeciálne efekty HTML textov (Polka Dot RF / Polka Dot / Getty Images)

Drop Cap

Pri spracovaní slov, kvapka mačka rozširuje prvé písmeno odseku. Tento efekt môžete reprodukovať na svojich webových stránkach pomocou HTML a CSS. Vlastnosť "float" použite na zarovnanie kapitulárneho písmena a veľkosti písma na zväčšenie jeho veľkosti vzhľadom na zvyšok textu v odseku. Vložte znaky do „span“ značiek.

Príklad:

E Toto je príklad efektu kvapiek pomocou vlastnosti float.

Rolling text

Marquee efekt (marža) v HTML spôsobí, že text sa bude pohybovať rôznymi spôsobmi. Príkaz "smer" v kóde hovorí prehliadaču, kde sa text bude pohybovať: hore, dole, doľava alebo doprava. Atribút "správanie" opisuje, ako sa text bude pohybovať. Atribút "Scroll" spôsobí, že sa text presunie za jeho viditeľnú oblasť a potom sa znova zobrazí. Príkaz "snímky" spôsobí, že sa text zastaví na konci okraja, zatiaľ čo "alternatívny" spôsobí, že sa text presunie zo strany na stranu. Pomocou príkazu "scrollamount" určujete rýchlosť a čím vyššie číslo, tým rýchlejšie rolovanie.


Príklad:

Hromadenie textu!

Titul mouseover (mouseover)

Značka rozpätia HTML umožňuje, aby sa text zobrazoval v oblasti, kde je vložený. Ak chcete napríklad pridať zhrnutie odseku, vložte text pomocou značky pre nastavenie rozpätia.

Príklad:

Text odseku tu.