star-meter/src/StarRating.css

A highly customizable React star rating component with support for half-stars, animations, and custom styling

.star {
  transition: transform 0.2s ease;
}

.star.scale:hover {
  transform: scale(1.2);
}

.star.rotate:hover {
  transform: rotate(-10deg) scale(1.1);
}

.star.bounce:hover {
  animation: bounce 0.4s ease;
}

@keyframes bounce {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
  100% {
    transform: translateY(0);
  }
}