Efectele speciale ale textelor HTML

Autor: Laura McKinney
Data Creației: 2 Aprilie 2021
Data Actualizării: 25 Martie 2024
Anonim
CSS Glowing Tubelight Text Animation Effects | CSS Glowing Effects
Video: CSS Glowing Tubelight Text Animation Effects | CSS Glowing Effects

Conţinut

HTML și CSS pot produce unele efecte de text cool, precum și formatare standard, cum ar fi dimensiunea fontului și culoarea de fundal. Efectele speciale în HTML provoacă apariția textului și comportamentul acestuia în moduri neobișnuite care atrage atenția spectatorului. Utilizați-le pentru a anima o pagină oprită sau pentru a adăuga un text simplu.


Efectele speciale ale textelor HTML (Polka Dot RF / Polka Dot / Getty Images)

Scoateți capacul

În procesarea textului, o pisică picătură mărește prima literă a unui paragraf. Puteți reproduce acest efect asupra paginilor dvs. web folosind HTML și CSS. Utilizați proprietatea "float" pentru a alinia litera literei și dimensiunea fontului pentru a mări dimensiunea sa față de restul textului din paragraf. Puneți caracterele în etichetele "span".

exemplu:

E Acesta este un exemplu al efectului capului de picătură folosind proprietatea float.

Text rulant

Efectul marcaj (marginea) în HTML determină ca textul să se miște în diferite moduri. Comanda "direcție" din cod indică browserul în care se va muta textul: în sus, în jos, în stânga sau în dreapta. Atributul "comportament" descrie modul în care se va muta textul. Atributul "Scroll" face ca textul să se deplaseze dincolo de zona vizibilă și apoi să apară din nou. Comanda "diapozitive" face ca textul să se oprească la sfârșitul marginii, în timp ce "alternativă" determină mutarea textului dintr-o parte în alta. Utilizați comanda "scrollamount" pentru a determina viteza, iar cu cât este mai mare numărul, cu atât mai rapid este derularea.


exemplu:

Răsuciți textul!

Titlul mouseover (mouseover)

Eticheta intervalului HTML permite ca textul să apară în zona în care este inserat. De exemplu, dacă doriți să adăugați un rezumat al unui paragraf, introduceți textul utilizând eticheta Span.

exemplu:

Trimiteți un text aici.