This is an example for creating a newsletter component for a website with the use of CSS, HTML and JavaScript. JavaScript function has been used to automatically calculate and display the distance between the mouse cursor and the Signup button. The sub element of pageY and pageX of the event variable has been used to calculate the position of the cursor. CSS style has been implemented for the h2 (title) with the use of the CSS element “active” to apply the effect of vertically moving up and down by using the translateY value. The complete page is set to have a background color of linear-gradient (to bottom, #ffffff 60%, #e2e2e2). Source:
A cool registration form based on a pure HTML & CSS without any library dependance. This can be used to build any website or web project you can imagine.