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.

This site uses Akismet to reduce spam. Learn how your comment data is processed.