Särskilda effekter av HTML-texter

Författare: Laura McKinney
Skapelsedatum: 2 April 2021
Uppdatera Datum: 21 November 2024
Anonim
Särskilda effekter av HTML-texter - Artiklar
Särskilda effekter av HTML-texter - Artiklar

Innehåll

HTML och CSS kan producera några snygga texteffekter, såväl som standardformatering som teckenstorlek och bakgrundsfärg. Särskilda effekter i HTML gör att texten visas och uppträder på ovanliga sätt som gör betraktarens uppmärksamhet. Använd dem för att animera en stoppad sida eller för att lägga till enkel text.


Särskilda effekter av HTML-texter (Polka Dot RF / Polka Dot / Getty Images)

Drop Cap

Vid ordbehandlingen förstorar en droppkatt den första bokstaven i en paragraf. Du kan reproducera denna effekt på dina webbsidor med hjälp av HTML och CSS. Använd egenskapen "float" för att justera huvudstämpel och teckenstorlek för att öka storleken i förhållande till resten av texten i stycket. Lägg tecknen i "span" taggarna.

exempel:

E Detta är ett exempel på en drop cap effekt med floategenskapen.

Rullande text

Markeringseffekten (marginal) i HTML gör att texten flyttas på olika sätt. Kommandot "riktning" i koden berättar webbläsaren där texten flyttas: upp, ner, vänster eller höger. Attributet "beteende" beskriver hur texten flyttas. Attributet "Scroll" får texten att röra sig bortom det synliga området och sedan återkomma. Kommandot "slides" gör att texten stannar i slutet av marginalen, medan "alternativ" får texten att flytta från sida till sida. Använd kommandot "scrollamount" för att bestämma hastigheten, och ju större antal, desto snabbare rullar du.


exempel:

Rullande upp texten!

Titel mouseover (mouseover)

HTML-tagg-taggen tillåter att text visas över det område där den är infogad. Om du till exempel vill lägga till en sammanfattning av ett stycke, lägger du in texten med spårstaggen.

exempel:

Punkttext här.