Særlige effekter af HTML-tekster

Forfatter: Laura McKinney
Oprettelsesdato: 2 April 2021
Opdateringsdato: 21 November 2024
Anonim
Særlige effekter af HTML-tekster - Artikler
Særlige effekter af HTML-tekster - Artikler

Indhold

HTML og CSS kan producere nogle flotte teksteffekter, såvel som standardformatering som skrifttype og baggrundsfarve. Særlige effekter i HTML, fordi teksten vises og opfører sig på usædvanlige måder, der trækker betragterens opmærksomhed. Brug dem til at animere en stoppet side eller tilføje simpel tekst.


Særlige effekter af HTML-tekster (Polka Dot RF / Polka Dot / Getty Images)

Drop Cap

Ved tekstbehandling forstærker en dropkat det første bogstav i et afsnit. Du kan gengive denne effekt på dine websider ved hjælp af HTML og CSS. Brug "float" egenskaben til at justere hovedletter og skriftstørrelse for at øge størrelsen i forhold til resten af ​​teksten i stykket. Sæt tegnene i "span" -koderne.

eksempel:

E Dette er et eksempel på en drop cap effekt ved brug af floategenskaben.

Rullande tekst

Markeringseffekten (margen) i HTML får teksten til at bevæge sig på forskellige måder. Kommandoen "retning" i koden fortæller browseren, hvor teksten vil bevæge sig: op, ned, venstre eller højre. Attributten "adfærd" beskriver, hvordan teksten vil bevæge sig. Attributtet "Scroll" får teksten til at bevæge sig ud over det synlige område og derefter vises igen. Kommandoen "slides" får teksten til at stoppe ved slutningen af ​​margenen, mens "alternativ" får teksten til at bevæge sig fra side til side. Brug kommandoen "scrollamount" til at bestemme hastigheden, og jo større nummer, jo hurtigere ruller du.


eksempel:

Rulning af teksten!

Titel mouseover (mouseover)

HTML-span-taggen tillader, at tekst vises over det område, hvor det er indsat. Hvis du f.eks. Vil tilføje et resumé af et afsnit, skal du indsætte teksten ved hjælp af spændingsetiketten.

eksempel:

Afsnit tekst her.