Cómo crear: calificación estelar

Aprende a crear un estilo simple de "calificación estelar" usando CSS.

Prueba por tu cuenta

Cómo crear una calificación estelar

Primer paso - Añadir HTML:

<!-- Añadir biblioteca de iconos -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star"></span>
<span class="fa fa-star"></span>

Segundo paso - Añadir CSS:

.checked {
  color: orange;
{}

Prueba por tu cuenta

Páginas relacionadas

Tutoriales:Tutoriales de iconos