Close

Multiple Services cards Section

This is an example of a multiple bootstrap service 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, color as #8d97ad, and font-weight as 300. The h1 to h6 sections are given a color of #3e4555, whereas the cards are given a shadow style of box-shadow: 0px 0px 30px rgba (115, 128, 157, 0.1). The card set is given a background color of #2cdd9b and also the linear gradient color of that, for the browsers that support linear gradient colors, to be changed in a hover event. In a hover event, the text color and the title of the card changes to #ffffff. The view details button is given a font-size of 50px, and a linear gradient color of #2cdd9b, to be changed in a hover event. It is also given an outline color of #2cdd9b. The cards take a zoom-in effect of transform: translate (-10px) with a transition value of 0.3s ease-out, 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.