Speciální efekty HTML textů

Autor: Laura McKinney
Datum Vytvoření: 2 Duben 2021
Datum Aktualizace: 18 Listopad 2024
Anonim
Speciální efekty HTML textů - Články
Speciální efekty HTML textů - Články

Obsah

HTML a CSS mohou produkovat některé cool textové efekty, stejně jako standardní formátování, jako je velikost písma a barva pozadí. Speciální efekty v HTML způsobují, že se text objeví a chová se neobvyklým způsobem, který přitahuje pozornost diváka. Použijte je k animaci zastavené stránky nebo k přidání jednoduchého textu.


Speciální efekty HTML textů (Polka Dot RF / Polka Dot / Getty Images)

Drop Cap

Při zpracování textu zvětší první kočka první písmeno odstavce. Tento efekt můžete reprodukovat na svých webových stránkách pomocí HTML a CSS. Vlastnost "float" slouží k zarovnání kapitulačního písmena a velikosti písma ke zvětšení jeho velikosti vzhledem ke zbytku textu v odstavci. Umístěte znaky do "span" tagů.

Příklad:

E Toto je příklad efektu kapky pomocí vlastnosti float.

Válcování textu

Marquee efekt (okraj) v HTML způsobí, že se text bude pohybovat různými způsoby. Příkaz "směr" v kódu informuje prohlížeč, kde se text bude pohybovat: nahoru, dolů, doleva nebo doprava. Atribut "chování" popisuje, jak se bude text přesouvat. Atribut "Scroll" způsobí, že se text přesune za jeho viditelnou oblast a znovu se zobrazí. Příkaz "snímky" způsobí, že se text zastaví na konci okraje, zatímco "alternativní" způsobí, že se text přesune ze strany na stranu. Pomocí příkazu "scrollamount" určete rychlost a čím větší číslo, tím rychlejší rolování.


Příklad:

Sbalení textu!

Název mouseover (mouseover)

Značka rozpětí HTML umožňuje, aby se text objevil nad oblastí, kde je vložen. Chcete-li například přidat souhrn odstavce, vložte text pomocí značky span.

Příklad:

Text odstavce zde.