Close

Animated Contact Us Form

This is an example of a simple animated Contact Us form, designed using HTML, CSS, JavaScript, and Bootstrap framework 4. The font, Google map, and Bootstrap styles are imported to the code with the URLs and the media quarries have been used to increase the responsiveness of the form. The font style of the form is given as 'Poppins', sans-serif. The JavaScript functions have been used to implement the blur and focus functions of the map. The form group is given the styles of border-bottom as solid 2px #ccc, position as relative, and margin-top as 30px. The data input field title is given the styles of font color as #333 and transform as translateY(-50%), which takes the background color of #00BCD4, in a hover event. The input placeholder line also takes a background color of linear-gradient(120deg, #2196F3, #3F51B5), and a transition value .5s, in a hover event. The Submit button is given a font-size of 21px, and a padding of 8px 20px. Source: https://www.tolmatol.com/animated-flat-contact-us-form/

Post Comment or Questions

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Your email address will not be published.

Several Related Snippets

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.