CSS Paginare. Paginarea activă și hoverable. Clasa .active. Selectorul :hover. Butoane rotunjite active și hoverable. Proprietatea border-radius.
Partajeaza in Google Classroom
Memorator: Descriere video Descarcă PDF
Evidențiați pagina curentă cu o clasă .active și folosiți selectorul :hover pentru a schimba culoarea fiecărei linii de pagină atunci când deplasați mouse-ul peste ele:
Exemplu:
.pagination a.active {
background-color: #4CAF50;
color: white;
}
.pagination a:hover:not(.active) {background-color: #ddd;}
Butoane rotunjite active și hoverable
Dacă doriți un buton rotund „active” și „hover” adăugați proprietatea border-radius:
Exemplu:
.pagination a {
border-radius: 5px;
}
.pagination a.active {
border-radius: 5px;
}