Zawartość
HTML i CSS mogą tworzyć fajne efekty tekstowe, a także standardowe formatowanie, takie jak rozmiar czcionki i kolor tła. Efekty specjalne w HTML powodują, że tekst pojawia się i zachowuje się w nietypowy sposób, który przyciąga uwagę widza. Użyj ich, aby animować zatrzymaną stronę lub dodać prosty tekst.
Specjalne efekty tekstów HTML (Polka Dot RF / Polka Dot / Getty Images)
Drop Cap
W edytorze tekstu, upuszczony kot powiększa pierwszą literę akapitu. Możesz odtworzyć ten efekt na swoich stronach internetowych za pomocą HTML i CSS. Użyj właściwości „float”, aby wyrównać literę wielką i rozmiar czcionki, aby zwiększyć jej rozmiar względem reszty tekstu w akapicie. Umieść znaki w tagach „span”.
Przykład:
E Jest to przykład efektu drop cap wykorzystującego właściwość float.
Toczący się tekst
Efekt markizy (margines) w HTML powoduje, że tekst porusza się na różne sposoby. Polecenie „kierunek” w kodzie informuje przeglądarkę, gdzie tekst zostanie przeniesiony: w górę, w dół, w lewo lub w prawo. Atrybut „zachowanie” opisuje sposób przenoszenia tekstu. Atrybut „Przewiń” powoduje, że tekst przesuwa się poza obszar widoczny, a następnie pojawia się ponownie. Polecenie „slajdy” powoduje zatrzymanie tekstu na końcu marginesu, natomiast „alternatywne” powoduje, że tekst przesuwa się z boku na bok. Użyj polecenia „scrollamount”, aby określić prędkość, a im większa liczba, tym szybsze przewijanie.
Przykład:
Tytuł myszy najedź myszą
Znacznik zakresu HTML umożliwia wyświetlanie tekstu nad obszarem, w którym jest wstawiony. Na przykład, jeśli chcesz dodać podsumowanie akapitu, wstaw tekst za pomocą znacznika zakresu.
Przykład:
Tekst akapitowy tutaj.