Close

Colorful 3-column Cards

This is an example of a colorful 3-column bootstrap cards layout with hover effects, designed using CSS, HTML, and bootstrap 4 framework. The fonts are imported to the code with its URL. The web form is given the styles of font-family as "Montserrat", sans-serif, background color of #8d97ad, and font-weight as 300. The h1 to h6 sections are given a color of #3e4555 and a font-weight of 500. The subtitle is given the styles of color as #8d97ad, and line-height as 24px. The first column is given a linear gradient color based on #ff4d7e and #ff6a5b, whereas the second one and third one are given the colors #188ef4, #316ce8 and #2cdd9b, #1dc8cc, respectively. In a hover event, the card takes a zoom-in effect with a transformation of transform: scale (1.1), and a transition of transition: 0.2s ease-in. The Learn more text is also given the color #ffffff, which changes its color to #263238, in a hover event. The view details button takes a background color of #2cdd9b, in a hover event.

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.