Close

News template with on-hover effect

This is an example of a news template with hover effects, designed using JavaScript, CSS, HTML, and Bootstrap framework 4. The form consists of a background image and a hidden content section that gets expanded in a hover event. The background image is imported to the code with its URL. The title of the form is given a style as center to centralize the text. JavaScript function show(500) has been used to show the hidden content on hover, whereas the function hide(500) has been used to hide the content at other times. The time of the effect is given in milliseconds. The text color for the form is set as White in HTML. The 'Entertainment' badge has the styles of font-weight as 600, font-size as 13px, font color as white, and background-color as #289dcc. The hidden content is given a background color of rgba(76, 76, 76, 0). Source: https://bbbootstrap.com/snippets/news-template-hover-effect-90682283

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.