Colorful pricing table with animation
This is an example of a colorful pricing table with hover animation, designed using HTML, CSS, and Bootstrap framework 4. The product images are imported to the code with their URLs. The body of the form is given the styles of background-color as #D1C4E9, and border-radius as 12px. The form is split into three product cards and given separate styles. The first card is given the styles of background-color as #eb5a51, width as 100%, and height as 450p. The second card is given the styles of background-color as #eabe5c, width as 100%, and height as 450px. The third card is given a background-color as #4863eb, width as 100%, and height as 450px. The product name is displayed using a font-size of 12px, and font color of #fff. The product size and prize is displayed using a font-size of 35px. The product image is given an animation style of umbrella 1.5s ease-in forwards, to create the scale-up hover effect.