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. Required fields are marked *

Several Related Snippets

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