Specjalne efekty tekstów HTML

Autor: Laura McKinney
Data Utworzenia: 2 Kwiecień 2021
Data Aktualizacji: 25 Móc 2024
Anonim
Specjalne efekty tekstów HTML - Artykuły
Specjalne efekty tekstów HTML - Artykuły

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:

Zwijanie tekstu!

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.