Spesielle effekter av HTML-tekster

Forfatter: Laura McKinney
Opprettelsesdato: 2 April 2021
Oppdater Dato: 21 November 2024
Anonim
CSS Creative Text Animation Effects | Amazing Animated Text using Html & CSS
Video: CSS Creative Text Animation Effects | Amazing Animated Text using Html & CSS

Innhold

HTML og CSS kan produsere noen kule teksteffekter, samt standardformatering som skriftstørrelse og bakgrunnsfarge. Spesialeffekter i HTML forårsaker at teksten vises og oppfører seg på uvanlige måter som trekker betrakterens oppmerksomhet. Bruk dem til å animere en stoppet side eller legge til enkel tekst.


Spesielle effekter av HTML-tekster (Polka Dot RF / Polka Dot / Getty Images)

Drop Cap

Ved tekstbehandlingen forstørrer en dråpe katt første bokstav i et avsnitt. Du kan gjengi denne effekten på websidene dine ved hjelp av HTML og CSS. Bruk "float" -egenskapen til å justere bokstavstørrelsen og skriftstørrelsen for å øke størrelsen i forhold til resten av teksten i avsnittet. Sett tegnene i "span" -kodene.

eksempel:

E Dette er et eksempel på en drop cap effekt ved hjelp av flytegenskapen.

Rullende tekst

Markeringseffekten (margin) i HTML får teksten til å bevege seg på forskjellige måter. Kommandoen "retning" i koden forteller nettleseren hvor teksten vil bevege seg: opp, ned, venstre eller høyre. Attributtet "oppførsel" beskriver hvordan teksten vil bevege seg. Attributtet "Scroll" får teksten til å bevege seg utenfor det synlige området, og deretter vises. Kommandoen "lysbilder" får teksten til å stoppe på slutten av marginen, mens "alternativ" får teksten til å bevege seg fra side til side. Bruk kommandoen "scrollamount" for å bestemme hastigheten, og jo større tallet, desto raskere ruller du.


eksempel:

Rulle opp teksten!

Tittel mouseover (mouseover)

HTML-span-taggen tillater tekst å vises over området der den er satt inn. For eksempel, hvis du vil legge til et sammendrag av et avsnitt, legger du inn teksten ved hjelp av span-merket.

eksempel:

Stikktekst her.