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:
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.