Rating experience modal with emojis
This is an example of a modal that expands to a rating form with rating emoji's, designed using HTML, CSS, and Bootstrap framework 4. The emojis are imported to the code as images with their URLs and created as radio type buttons. The body of the form is given a font style of 300 18px/1.5 'Rubik', sans-serif, and background color as #BA68C8. The rating card is given a transition value as background 0.4s ease-out. The cursor style for the rating card is set as pointer to the get the hand cursor effect in a hover event and an animation style of levitate 1s ease-in-out infinite is also given to apply the levitating effect to the emojis. The emojis are also given a transform effect of scale(1.8), to be effective on a hover event. The responsiveness and the mobile-friendliness of the form have been increased with the use of media quarries.