Favorite stars

Quick idea for CSS stars – useful for marking something as a favorite…


.star.starred:before {
content: "2605";
}

.star.starred:hover {
text-shadow: 0px 0px 3px red;
}


Add a little bit of Javascript to toggle the “starred” class:


$('.star').on('click', function() {
$(this).toggleClass('starred');
if ($(this).is('.starred')) {
// Do something to record that this is favourited
}
});


Here’s the results.