Close

News card with animation

This is a news card template with hover animations, designed using HTML, CSS, JavaScript, and Bootstrap framework 4. The fonts, CSS styles, images, and icons are imported to the code using their URLs. JavaScript functions have been used to implement the filling effect of the heart icon, on a click event. The font family style for the form is given as 'Roboto', sans-serif and the body of the form is given a background color as #F2F2F2. The card container is given a width of 350px, and a height of 500px. It takes a box shadow effect of 0 0 45px gray, in a hover event. The header title of the form is given a font-size as 17px. The subtitle of the card is given a font-size as 27px, whereas the 2nd subtitle is given a font-size as 23px, and font color as #E74C3C. The cursor style is given as pointer to get the hand cursor effect. In a hover event, the image and the content section changes its size to 200px, while the image takes an animation of move1 0.5s ease both. Source: https://bbbootstrap.com/snippets/news-card-animation-28849510

Post Comment or Questions

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Your email address will not be published.

Several Related Snippets

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.