IMAGES
Images are used to provide visual information/aesthetic to a webpage.
To use these images in your project import the below stylesheet.
To use these images in your project import the below stylesheet.
@import url("https://oxygen-ui-component-library.netlify.app/components/images/images.css")
-
Responsive ImagesThis is used to display any image to the 100% of the parent container keeping the aspect ratio in place. Use the classname
image-responsiveto achieve this in your project.<div class="image-container"> <img class="image-responsive" src="https://picsum.photos/300/200" alt="Image"> </div> -
Responsive round ImagesThis is used to display any image in circular shape with the width being 100% of the parent container. Use the classname
image-roundto achieve this.<div class="image-container"> <img class="image-round" src="https://picsum.photos/300/200" alt="Image"> </div>