Bootstrap 5 Modal Glassmorphism

Implementation for Bootstrap 5 Modal with Glassmorphism Style

current version Bootstrap 5.1.3

Heading 2

Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus laudantium nam aliquid officiis dignissimos totam sequi ipsam velit et. Deserunt soluta est voluptates corporis molestias quo eveniet inventore neque error.

Heading 3

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Optio neque animi eveniet nihil consectetur ea, quod nulla totam eius error dolore id sunt quis repudiandae repellendus non saepe aut, numquam corporis, amet aliquid ullam illo. Voluptatem asperiores harum, magni nobis voluptatibus distinctio illum dolorem itaque expedita laudantium praesentium blanditiis autem.

  • Lorem ipsum dolor sit amet.
  • Facere numquam neque minima odit.
  • Ratione veniam eum accusantium debitis!
  • Magnam, nobis. Nulla, doloribus reprehenderit.
  • Culpa commodi cum ipsa provident!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Ratione fugit nostrum molestiae omnis repellat distinctio quos. Officia optio, ad id totam delectus rerum exercitationem voluptatum error mollitia magnam debitis accusamus.

Heading 4

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos ipsum numquam doloribus, alias aliquid eligendi natus quod iusto distinctio, in cum eos nam reiciendis? Voluptates dolore hic corporis. Aperiam, quibusdam.

Ratings

Default

This is the most basic example of ratings.

1 2 3 4 5

Score

Used when we want starts with a saved rating.

1 2 3 4 5

Number Of Stars

Changes the number of stars.

1 2 3 4 5 6 7 8 9 10

Number Max

Change the maximum of stars that can be created.

1 2 3 4 5

Read Only

You can prevent users to vote. It can be applied with or without score.

1 2 3 4 5

No Rated Message

If readOnly is enabled and there is no score, the hint "Not rated yet!" will be shown for all stars.

1 2 3 4 5

Cancel

Add a cancel button on the left side of the stars to cancel the score.

x 1 2 3 4 5

Space

You can change the space between the star and make them conjusted.

12345

Single

You can turn on just the mouseovered star instead all from the first until that one.

1 2 3 4 5

Half

Enables the half star mouseover to be possible vote with half values.

1 2 3 4 5

Star Half

Changes the color of the half star.

1 2 3 4 5

Custom Icon

Change the maximum of stars that can be created.

1 2 3 4 5

Icon Range

Change the maximum of stars that can be created.

    

Round Figure Enabled

  • Down: score <= x.25 the star will be rounded down;
  • Half: score >= x.26 and <= x.75 the star will be a half star;
  • Up: score >= x.76 the star will be rounded up.
1 2 3 4 5

Round Figure Disabled

  • Down: score < x.6 the star will be rounded down;
  • Up: score >= x.6 the star will be rounded up;
1 2 3 4 5
All Rights Reserved by Nice admin.