Close

Pricing Table with Hover Effects

This is an example of a pricing cards template with hover effects, designed using HTML, CSS, and Bootstrap framework 4. The font and Bootstrap styles have been imported to the code with their URLs. The form consists of three pricing cards. 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 card details, in an orderly manner. The body of the form is given the styles of background color as #cddc36, and font-family as 'Raleway', sans-serif. The title of the form is displayed with the styles of font-size as 36px, font-weight as 800, and font color as #3c2f17. The title of each pricing card is displayed with a font-size of 18px. The price details rows take a box-shadow effect of 0 2px 4px rgba(125,138,164,.06), and a transform effect of scale(1.05), in a hover event. The 'Buy Now' button changes its color to rgba(125,138,164,1), in a hover event. Source: https://bootsnipp.com/snippets/5MWZa

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 *

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.