Close

A Simple Footer

This is an example of a bootstrap footer template with animations, designed using HTML, CSS, and Bootstrap framework 4. The image is imported to the code with its URL. The form is developed using grid layout and the length for the rows is set as 1fr auto. The body of the form is given a style set of background as #F5F7FA, min-height as 100vh, and font-family as 'Open Sans', sans-serif. The footer is given a style set of footer-background as #ED5565, display as grid, position as relative, grid-area as footer, and min-height as 12rem. The footer is given an animation style of bubbles. The font color for the content is set as #F5F7FA. The bubbles have the styles of position as absolute, left as var(--position, 50%), background as var(--footer-background), border-radius as 100%, animation as bubble-size var(--time, 4s) ease-in infinite var(--delay, 0s), bubble-move var(--time, 4s) ease-in infinite var(--delay, 0s), and transform as translate(-50%, 100%). Source: https://codepen.io/z-/pen/zYxdRQy

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 *