Kako napraviti tekst treptati na mojoj web stranici

Ranije verzije HTML-a i internetskih preglednika podržavale su oznaku. Koristio se za stvaranje trepćućeg teksta na web stranicama. Danas je ova oznaka zastarjela i više nije podržana u većem pregledniku. Da biste stvorili trepćući tekst, koristite niže navedeni CSS ili JavaScript primjer.

  • CSS primjer
  • Primjer JavaScripta

Da biste stvorili CSS blink razred, kopirajte ispod CSS kod u glavu vaše web stranice.

Kada je gore navedeni CSS kod umetnut, možete koristiti "blink" klasu na bilo kojem elementu. U nastavku se nalazi oznaka odlomka pomoću klase treptanja.

Primjer treptanja teksta pomoću CSS-a.

Slijedom svih gore navedenih koraka dobivate trepćući tekst kao što je prikazano u nastavku.

Primjer treptanja teksta pomoću CSS-a.

Primjer JavaScripta

Da biste stvorili funkciju JavaScript treptanja, kopirajte donji JavaScript kod u glavu stranice.

 funkcija blinker () {$ ('. blinking'). fadeOut (500); $ ( 'Treptati.') FadeIn (500). } setInterval (blinker, 1000); 

Nakon što se gore navedeni JavaScript umeće u vašu stranicu, možete pozvati funkciju dodavanjem "trepćuće" klase bilo kojem elementu. U nastavku se nalazi oznaka odlomka pomoću klase koja treperi.

Primjer treptanja teksta pomoću JavaScripta.

Slijedom svih gore navedenih koraka dobivate trepćući tekst kao što je prikazano u nastavku. Možete prilagoditi vrijednosti u JavaScriptu da biste promijenili izgled trepćućeg teksta.

Primjer treptanja teksta pomoću JavaScripta.