Close

Price Ticket Form

This is an example of a price ticket form with hover effects, designed using HTML, CSS, and Bootstrap framework 4. The 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 ticket details in an orderly manner. The form is given a background color of #fafafa, whereas the price block is given the styles of position as relative, background-color as #ffffff, padding as 30px 30px 25px, max-width as 300px, border as 1px solid #dddddd, box-shadow as 0 20px 40px rgba(0,0,0,0.07), and transition as all 500ms ease. The price block takes a box-shadow effect of 0 0 0px rgba(0,0,0,0.07), in a hover event. The card title has the styles of font-size as 20px, line-height as 1.2em, font color as #212639, font-weight as 500, and text-transform as uppercase to convert each letter of the word to uppercase. The price label takes the effects of padding-right as 80px, whereas the But Ticket button takes the effect of transform as scale(1, 1), in a hover event. Source: https://www.tolmatol.com/price-ticket/

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.