Ranking avec 5 étoiles en HTML

Comment créer un ranking avec 5 étoiles avec Friconix.

Ranking avec 5 étoiles en HTML

J'ai sélectionné les icônes d'étoiles et demi étoiles du site Friconix :

Étoiles et demi étoiles sélectionnées du site Friconix

Vous pouvez simplement les associer pour créer le niveau de ranking que vous souhaitez :

<div>
<i class="fi-xnsuxl-star-solid"></i>
<i class="fi-xnsuxl-star-solid"></i>
<i class="fi-xnsuxl-star-solid"></i>
<i class="fi-xwluxl-star-half-wide"></i>
<i class="fi-xwluxl-star-wide"></i>
</div>

Result on JSFiddle

Voir aussi


Dernière mise à jour : 12/04/2020