Close

Star Rating System

This is an example of a star rating form, designed using HTML, CSS, and Bootstrap framework 4. The star-shaped radio icons are imported to the form with its URLs. The body of the form is given the styles of background as #F4F2F3, text-align as center, display as flex, flex-direction as column, and justify-content as center. The title of the form is given the styles of font-family as 'Fjalla One', sans-serif, and margin-bottom as 0.15rem, whereas the subtitle is given a style set of font-family as 'Cutive Mono', 'Courier New', font-size as 1rem, letter-spacing as 1px, and margin-bottom as 4rem. The cursor style for the radio buttons is set as pointer to get the hand cursor effect on a hover event. The stars are given the styles of color as transparent, and transition as color 0.2s ease-in-out to make them transparent. When checked, the radio button stars get filled with the color #d62a9d. Source: https://codepen.io/meowwwls/pen/BzaWZg

Post Comment or Questions

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Several Related Snippets

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.