Close

Image with title and price with icons on hover

This is a template of a web form that has images with title and price with icons on hover, designed using JavaScript, HTML, and CSS. The fonts and images are imported to the form with their URLs. JavaScript functions have been used to implement the mouse hover effects. The image card is given the styles of font-family as 'Fira Sans Extra Condensed', Arial, sans-serif, position as relative, display as inline-block, overflow as hidden, margin as 10px, min-width as 230px, max-width as 315px, width as 100%, font-size as 16px, background-color as #fff, color as #111, line-height as 1.2em, and text-align as left. The image has the styles of vertical-align as top and max-width: 100%. The header inside the image has the styles of font-size as 1.4rem, font-weight as 400, and margin as 0 0 4px. The price is given a color of #4da3e2 and a font-size of 1.5rem. In a hover event, the icons take the background color of #4da3e2, the color of #ffffff and the cursor as pointer to get the hand cursor. Source: https://littlesnippets.net/snip1583

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.