Close

Client Testimonials with 3D flip animation

This is an example of a testimonial card format with a flipping animation, designed using CSS, HTML, and Bootstrap framework 4. The user images are imported to the code with their URLs. The card is given an animation to flip between the user information on the front side and testimonial on the backside, on hover. The background color of the form is set as #f7f6f6. The front and back sides of the cards are given the styles separately. The cards are given the styles of width and height as 100%, cursor as pointer to get the hand cursor effect in a hover event, background color as #D50000, font color as #fff, border-radius as 10px to get the rounded corners, transform as rotateY(180deg), border as 1px solid #eee, and box-shadow as 5px 6px 6px 2px #e9ecef. The user name is displayed with a font color of #eee, and a font-size of 10px. The cards are given a transform effect as rotateY(180deg), to get the flipping animation on hover. Source:https://bbbootstrap.com/snippets/bootstrap-client-testimonials-3d-flip-animation-49579340

Post Comment or Questions

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

Your email address will not be published. Required fields are marked *

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.