Come fare un CSS elemento Blink

October 16

Testo lampeggiante è nulla di nuovo alle pagine Web. Nel 1990, Netscape ha aggiunto il tag "<blink>" per il suo browser anche se il W3C (World Wide Web Consortium) non ha raccomandato il suo utilizzo. Questo tag vive in Firefox - un discendente della ormai defunta del browser Netscape - e Opera. A causa di sforzi per rimuovere gli effetti visivi da HTML e metterli in fogli di stile, Cascading Style Sheets ora includono "blink" come opzione per la proprietà "text-decoration". Questa opzione funziona solo su Firefox e Opera, proprio come il tag. Quando si desidera testo lampeggiante su tutti i browser, è necessario utilizzare un JavaScript.

istruzione

1 Aprire la pagina Web in Blocco note o un editor di codice e trovare i "<style>" tag nella testa del codice. Se non trovate questi tag, aggiungere questo codice tra le "<head>" tag:

<Style type = "text / css">

</ Style>

2 Aggiungere una regola di stile che gli obiettivi di una classe chiamata "blink" tra le "<style>" tag. Impostare la proprietà "text-decoration" a "lampeggia":

.lampeggiare {

text-decoration: blink;

}

3 Trovare le parole che si desidera rendere lampeggiare e avvolgerli in un paio di "<span>" tag con l'attributo "class" impostato su "lampeggia":

<Span class = "lampeggiare"> contattarci al 1-800-555-5555! </ Span>

Consigli e avvertenze

  • Utilizzare un fallback JavaScript per fare lampeggiare il testo nei browser che non supportano "text-decoration: blink;".
  • Evitare l'uso di testo lampeggiante sulle pagine Web, per quanto possibile. I visitatori del sito possono trovare lampeggiante testo difficile per gli occhi o distrazione.