Rating en beoordeling met sterren
.rating
{
align-items: center;
display: flex;
justify-content: flex-end;
flex-direction: row-reverse;
font-size: 32px;
gap: 5px;
}
.rating div {color: silver;}
.rating div:before {font-family: 'FAR'; content: '\f005';}
.rating div:hover:before, .rating div:hover ~ div:before {font-family: 'FAS'; color: gold;}
echo "<div class='rating'>";
echo "<div class='fa fas'></div>";
echo "<div class='fa fas'></div>";
echo "<div class='fa fas'></div>";
echo "<div class='fa fas'></div>";
echo "<div class='fa fas'></div>";
echo "</div>";