Close

Meet our team section with image hover effect

This is an example of a meet our team section with image hover effect, designed using CSS, HTML, and Bootstrap framework 4. The form consists of 3 team member profiles. The team member images are imported to the code using their URLs. The body of the form is given a background color as #ADD8E6. The title of the form is displayed using the styles of font color as #000, margin as 40px 0 60px 0, and font-weight as 300. The profile cards are given a border-bottom of 7px #8B0000 solid. The border-radius of the profile images are set as 50% to get the circle shape. The name of the team member is displayed using a font-size of 20px, and a font-weight of 700. The front and back sides of the cards are given styles separately. In a hover event, the front side card takes a bottom style as -200px, to reveal the backside card, whereas the border-color also gets changed to #FF0000. Source: https://bbbootstrap.com/snippets/meet-our-team-section-image-hover-effect-65308030

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.