react-ts-rating-star
Version:
React TS Rating Star allows you to create a customizable rating star component with ease.
2 lines (1 loc) • 1.07 kB
CSS
.rtrs-star-container{cursor:pointer;display:flex;align-items:center;width:fit-content;fill:var(--rtrs-star-background-color)}.rtrs-star-container:hover .rtrs-star path,.rtrs-star-container:hover~.rtrs-star .rtrs-star-progress{fill:var(--rtrs-star-color)}.rtrs-star{padding-left:4px;padding-right:4px}.rtrs-star:hover~.rtrs-star path,.rtrs-star:hover~.rtrs-star .rtrs-star-progress{fill:var(--rtrs-star-background-color)}.rtrs-clicked-star{fill:var(--rtrs-star-color)}.rtrs-star.scaling:hover{transition-duration:100ms;transform:scale(1.1)}@keyframes AnimatedScaling{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.rtrs-star.animated-scaling:hover{animation:AnimatedScaling 1s infinite alternate}@keyframes AnimatedTwinkling{0%,100%{opacity:1}50%{opacity:.5}}.rtrs-star.animated-twinkling:hover{animation:AnimatedTwinkling 1s infinite alternate}@keyframes AnimatedRotating{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.rtrs-star.animated-rotating:hover{animation:AnimatedRotating 2s linear infinite}/*# sourceMappingURL=react-ts-rating-star.css.map */