Star-Rating mit CSS

Überall dort, wo Beiträge, Dateien oder Videos bewertet werden können, hat man meist die Möglichkeit, in mehreren Stufen zu bewerten (beispielsweise fünf). Nicht selten werden diese grafisch als Sterne dargestellt – je mehr dieser Sterne farbig sind, desto höher die Bewertung. Beispielhaft sei hier das Rating der Videos auf Youtube genannt, das sich direkt unter den Videos befindet. Ein solches Star-Rating (mit Kreisen statt Sternen) werden wir in diesem kleinen Tutorial erschaffen, allerdings komplett ohne JavaScript, nur mit ein bisschen HTML und CSS. Allerdings sparen wir uns die eigentliche Funktionalität dahinter und konzentrieren uns nur auf die Darstellung, die in der Demo des Endergebnisses zu sehen ist. Lies den Rest des Artikels »