Close

User Profile

This is an example of a bootstrap user profile card with animations, designed using HTML, and CSS. The images are imported to the code with their URLs. The concept of Lists has been used with UL and LI components. UL element has been used with the child elements of LI to display the details in an orderly manner. The form is given the styles of background-color as #fefefe, box-sizing as border-box, font-family as 'Roboto', sans-serif, font-size as 14px, and font-weight as 400. The header image is given the animation styles as animation as zoomEffect 35s infinite, animation-timing-function as linear, animation-direction as alternate, and backface-visibility as hidden. The main heading is given the styles of color as #fff, font-size as 26px, font-weight as 300, and margin-bottom as 12px. The font-size for designation tabs are set as 11px, with text-transform style as uppercase to automatically convert the text to uppercase. The more button in the card container is given a cursor style as pointer to get the hand cursor effect. Source: https://codepen.io/fabian-palma/pen/JjoXybb

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.