Hvordan lage en CSS Element Blink

September 28

Blinkende tekst er ikke noe nytt for websider. På 1990-tallet, Netscape lagt til "<blink>" tag til sin nettleser om W3C (World Wide Web Consortium) ikke anbefale bruken. Denne taggen lever videre i Firefox - en etterkommer av den nå nedlagte Netscape nettleser - og Opera. På grunn av arbeidet med å fjerne visuelle effekter fra HTML og sette dem i stilark, Cascading Style Sheets nå inkludere "blink" som et alternativ for "text-decoration" eiendom. Dette alternativet fungerer bare på Firefox og Opera, akkurat som tag. Når du vil blinkende tekst på alle nettlesere, må du bruke en Javascript.

Bruksanvisning

1 Åpne websiden i Notepad eller en kode editor og finne "<style>" koder i hodet av koden. Hvis du ikke finner disse kodene, legge inn dette mellom de "<head>" koder:

</ Style>

2 Legg en stil regel som er rettet mot en klasse som heter "blink" mellom "<style>" tags. Still "text-decoration" eiendom til "blink":

.blink {

text-decoration: blink;

}

3 Finne ord som du ønsker å gjøre blink og pakk dem i et par av "<span>" tags med "klasse" attributtet satt til "blinke":

Hint

Bruk en Javascript-fallback for å gjøre teksten blinking i nettlesere som ikke støtter "text-decoration: blink;".
Unngå bruk av blinkende tekst på websider så mye som mulig. Besøkende kan finne blinkende tekst vanskelig på øynene eller distraherende.