Close

Footer With Hover Effects

This is an example of a simple footer with hover effects, designed using HTML, CSS, and Bootstrap framework 4. The font, CSS and Bootstrap styles 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 child elements of the footer, in an orderly manner. The background color of the form is set as #fff, whereas the footer logo is given the styles of font-size as 1.8em, font-weight as 600, color as #333, margin-bottom as 22px, and display as block. The footer is given the styles of background as linear-gradient(to right,#fff 0,#535df1 50%,#fff 100%), height as 5px, width as 100%, and position as absolute. The child elements of the footer have the styles of font color as #6d6e71, font-size as 15px, and line-height as 30px. In a hover event, the child elements take the styles of font color as #27aae1, with a transition value of all 1s. Source: https://www.tolmatol.com/free-snippets-footer-design/

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.