This is an airplane mode toggle switch with animations, designed using HTML, CSS, JavaScript, and Bootstrap framework 4. JavaScript functions have been used to implement the animations on the toggle switch. The toggle button is designed to display animations when switched to the fly mode. The icons and images are imported to the code with their URLs. The colors are predefined as --color-background-off: #4e4e4e, --color-off: #494949, --shadow-off: 0 1.2rem 1.5rem #4d4d4d, --color-background-on: #2f86d5, --color-on: #1AB1FD, and --shadow-on: 0 1.2rem 1.5rem #2c82cc. The body of the form is given the styles of align-items as center, and background as var(--color-background-off). The width and height for the switch are defined as 31.1rem, and 13.8rem, while the border-radius is set as 10rem. The cursor style for the switch is set as pointer to get the hand cursor effect. The background color of the form is set to #848484 when the switch is in airport mode. The background color changes to #78c7fe when the button is switched to sky mode. Source: https://codepen.io/KiarashZ/pen/dyPLpaP
This is an example of a submission web form with animations, designed using HTML, CSS, JavaScript, and Bootstrap framework 4. The images are imported to the code with their URLs. JavaScript functions have been used to implement the animations on the submit button click. The colors are predefined as $o as #ffa440, $g as #01a500, $b as #6a88fe, and $elastic as cubic-bezier(0.175, 0.885, 0.32, 1.275). The body of the form is given the styles of display as grid, place-items as center, height as 100vh, font-family as 'Press Start 2P', overflow as hidden, and background as $b. The fireworks image is given height and width of 16px, and a transform style of scale(2), with an animation style of boom 0.5s steps(2, end) 1 forwards, fade 0s ease-in-out 1 forwards. The green color pipe is given a transition of 1.5s $elastic, and animation of grow2 0.5s ease-in-out 1 forwards, run2 1.5s ease-in 1 forwards. Source: https://codepen.io/cobra_winfrey/pen/OJVJJoj