Tabovi u pet koraka

Četvrti korak – dodavanje dinamičkog efekta

Dinamička promjena izgleda linka pripada kategoriji kojoj je važno posvetiti posebnu pozornost. Naime, osim atraktivnosti kojoj se obično teži, promjena izgleda ima i funkcionalan značaj jer korisniku olakšava izbor mjesta na koja može kliknuti.

Primjenu dinamičkih elemenata na linkovima, kao i u prethodnom primjeru, postižemo upotrebom pseudoklasa active i hover – da bismo promijenili izgled linka bilo klikom, bilo prelaskom miša preko linka.

#jahaci li a:hover {
  border-bottom-color: white;
  background-color: #eee;
  color: #455372;
}
#jahaci li a:active {
  color: #c00;
}

Rezultat primjene pseudoklase vidljiv je u sljedećem prikazu:

   
CARNet
Accessibility

Boja pozadine

Font

Veličina fonta

1

Boja teksta