HTML tekstu īpašie efekti

Autors: Laura McKinney
Radīšanas Datums: 2 Aprīlis 2021
Atjaunināšanas Datums: 8 Maijs 2024
Anonim
HTML tekstu īpašie efekti - Raksti
HTML tekstu īpašie efekti - Raksti

Saturs

HTML un CSS var radīt dažas atdzist teksta efektus, kā arī standarta formatējumu, piemēram, fonta lielumu un fona krāsu. Speciālie efekti HTML rezultātā rada tekstu un parādās neparastos veidos, kas vērš skatītāja uzmanību. Izmantojiet tos, lai animētu apturētu lapu vai pievienotu vienkāršu tekstu.


HTML tekstu īpašie efekti (Polka Dot RF / Polka Dot / Getty Images)

Drop Cap

Teksta apstrādē pilienu kaķis palielina rindkopas pirmo burtu. Šo efektu var reproducēt tīmekļa lapās, izmantojot HTML un CSS. Izmantojiet "float" īpašumu, lai saskaņotu burtu burtu un fonta lielumu, lai palielinātu tā lielumu attiecībā pret pārējo teksta daļu. Ievietojiet rakstzīmes “span” tagos.

Piemērs:

E Šis ir piemērs pilienu vākšanas efektam, izmantojot peldošo īpašumu.

Ritošais teksts

Marquee efekts (starpība) HTML izraisa teksta pārvietošanos dažādos veidos. "Virziena" komanda kodā norāda pārlūkam, kur teksts pārvietosies: uz augšu, uz leju, pa kreisi vai pa labi. Atribūts "uzvedība" apraksta, kā teksts pārvietosies. Atribūts "Ritināšana" izraisa teksta pārvietošanos ārpus redzamā laukuma un pēc tam atkal parādās. Komandu "slaidi" dēļ teksts tiek apturēts rezerves malas beigās, bet "alternatīvs" izraisa teksta pārvietošanu no vienas puses uz otru. Izmantojiet "scrollamount" komandu, lai noteiktu ātrumu, un jo lielāks skaitlis, jo ātrāk ritināšana.


Piemērs:

Teksta izvēršana!

Virsraksts peles kursoru (mouseover)

HTML span tag ļauj teksta parādīšanai apgabalā, kurā tas ir ievietots. Piemēram, ja vēlaties pievienot rindkopas kopsavilkumu, ievietojiet tekstu, izmantojot standarta atzīmi.

Piemērs:

Raksta teksts šeit.