Semantic-UI Card Image Content
Semantic UI is an open-source framework that uses CSS and jQuery to build great user interfaces. It is the same as a bootstrap for use and has great different elements to use to make your website look more amazing and responsive.
The semantic UI Card element displays site content in a manner similar to a playing card using the Semantic UI classes. Semantic UI cards have multiple sections such as content, extra-content, approval, and description.
In this article, we will learn about the Approval block of the Semantic UI card. Semantic-UI Card Image Content is used to create a card containing images. We can add one or two images in the card element and we can change the image on the hover or change the style of the card on the hover element.
Semantic-UI Card Image Content Class:
- image: This class is used to add the image on the card element.
<div class="ui card"> <div class="ui image"> <img src="gfg.jpg"> ... </div> <div class="content"> ... </div> ... </div>
Example 1: In this example, we will describes the Semantic-UI Card Image Content.
Example 2: In this example, we will describes the Semantic-UI Card Image Content.
Please Login to comment...