Close

User profile on hover dropdown

This is an example of a user profile card on hover dropdown, designed using HTML, CSS, JavaScript, and Bootstrap framework 4. The profile images are imported to the code with their URLs. The form consists of three user profile cards that have a hidden profile description which can be expanded by hovering over the image. JavaScript functions have been used to implement the slide up and slide down functions of the profile description in a hover event. The profile panels are given the styles of text-align as center, cursor style as pointer to get the hand cursor effect in a hover event, and font-family as 'Raleway', sans-serif. The profile description is displayed using a font size of 12em. The profile footer has the styles of font color as #fff, background-color as #47c8ed, and text-shadow as 1px 1px 1px rgba(150, 150, 150, 1). Source: https://bbbootstrap.com/snippets/profile-hover-dropdown-53424388

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.