Yshopnoosa.com

Hur man gör en CSS elementet Blink

Blinkande text är inget nytt för webbsidor. På 1990-talet, Netscape läggs taggen "< blink >" till sin webbläsare men W3C (World Wide Web Consortium) inte rekommenderar dess användning. Denna tagg lever vidare i Firefox--en ättling till den numera nedlagda Netscape-webbläsaren-- och Opera. På ansträngningar att ta bort visuella effekter från HTML och sätta dem i formatmallar, omfattar Cascading Style Sheets nu "blink" som ett alternativ för egenskapen "text-decoration". Detta alternativ fungerar endast på Firefox och Opera, precis som etiketten. När du vill blinkande text på alla webbläsare, måste du använda ett JavaScript.

Instruktioner

1 Öppna webbsidan i anteckningar eller i en kodredigeraren och hitta "< style >" taggarna i huvudet av koden. Om du inte hittar dessa taggar, lägga till denna kod mellan "< head >" taggarna:

< style type = "text/css" >

< / stil >

2 Lägga till en stil regel riktar sig till en klass som kallas "blink" mellan dina "< style >" taggar. Ange egenskapen "text-decoration" "blinka":

.Blink {

text-decoration: blink;

}

3 Hitta de ord som du vill göra blinka och Linda in dem i ett par "< span >" Taggar med attributet "klass" inställd "blink":

< span class = "blink" > ring oss på 1-800-555-5555! < / span >

Tips & varningar

  • Använda stupstock JavaScript för att göra texten blinkar i webbläsare som inte stöder "text-decoration: blink;".
  • Undvika användning av blinkande text på webbsidor som möjligt. Besökare kan hitta blinkande text svårt på ögonen eller distraherande.