Close

User profile with animation

This is an example of a user profile with animation, designed using HTML, CSS, JavaScript, and Bootstrap framework 4. Media quarries have been used to increase the responsiveness of the form whereas the imported to the code with their URLs. JavaScript functions have been used to implement the fade-in animation. The body of the form is given the styles of background-color as black and font-family as 'Roboto', sans-serif. The card container is given a linear gradient color as (to bottom, #e53935, #3949ab), and font color as white. The name title is given the styles of width as 90%, background-color as RGB(255, 255, 255, 0.2), font-size as 3vw, font color as black, animation-name: first, animation-duration as 1s, and animation-fill-mode as forwards. The bio details are displayed using a font-size of 1.2vw, whereas the stats are displayed with the styles of background-color as #e53935, font color as gold, height as 3vw, animation-name: fourth, animation-duration as 1s, animation-fill-mode as forwards, and animation-delay as 2s. Source: https://bbbootstrap.com/snippets/player-profile-using-animation-40230486

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.