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