Animated users testimonial
This is an example of a user testimonials form with image and background animation, designed using HTML, CSS, and Bootstrap framework 4. The images are imported to the code with their URLs. The form is given opening animations while media quarries have been used to increase the responsiveness of the form. The body of the form is given the styles of background-color as black, animation-duration as 1s, animation-fill-mode as forwards, animation-delay as 2s, and font-family as 'Abel', sans-serif. When the form is opened, the background color of the form changes to #29b6f6. The image is given the styles of width and height as 10vw, border as 2px solid blue, transform as rotateY(180deg), animation-duration as 1s, animation-fill-mode as forwards, and animation-delay as 1s. The image takes a transform effect of rotateY(360deg) to create the rotate animation. The author of the quote is given a font style of font-family as 'Dancing Script', cursive. The width and font-size of the text also change from o to 45vw, and 1.2vw, respectively, to create the animation.