Close

MCQ question and answer container

This is an example of MCQ question and answers form with hover effects, designed using CSS, HTML, and Bootstrap framework 4. The background of the form is given as #616161. The form consists of four danger type buttons, which are used as MCQ answer blocks. The buttons are given the styles of padding as 18px 60px, white-space as normal. Transform as scale(1.0), and transition-duration as .3s. In a hover event, each button takes a text-shadow effect of 0 3px 2px rgba(0, 0, 0, 0.4), and a transform effect of scale(1.1). Each label is given a glyphicon to mark the correct answer by selecting the relevant radio button. Each button block is given its own animation time, to implement the transforming animations in a hover event. The answer blocks are set to increase their scale, to be expanded from the rest, in a hover event. Source: https://bbbootstrap.com/snippets/mcq-question-and-answer-container-32470412

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.