Close

Card with curve limited image

15. https://webdesignerwall.com/create-snippet?snippet_id=7914 This is an example of an image card layout form with hover effects, designed using HTML, CSS, and Bootstrap framework 4. The icons and images are imported to the form with their URLs. The font style for the form is given as 'Segoe UI', sans-serif. The background of the form is given two colors; #444, and #f2f2f2. The gray shaped area is given the styles of top as -200px, left as -450px, width as 3000px, and height as 530px. The white shaped area is given the styles of top as 135px, left as calc(50vw - 150px), height as calc(350px + 4vw), and width as 300px. The content section has the styles of display as inline-block, margin-top as calc(50% + 4vw), width as 80%, height as 40%, padding as 0 10%, text-align as left, and color as #444. The name title is given the styles of color as #222, font-size as 25px, and font-weight as normal. The description is given a font-size of 15px. The icons are given a cursor style as pointer to get the hand cursor effect and change their color into #222, in a hover event. Source: https://codepen.io/Pedru/pen/XWJGpqz

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.