Projection UI
Home     Installation    

Responsive Image

The responsive image component is typically used to display images, icons according to the media screens.

Simple Responsive image

This is the responsive image it can be seen at many places.
eg :- e-commerce sites, Social sites and Applications.
Give it a try by just copying the code below

image


Round Image

This is a round responsive image this can be seen at following places.
eg :- Social sites and Applications.
Give it a try by just copying the code below

image


Round Image With Border

This is a round responsive image with border around it, this can be seen at following places.
eg :- Social sites and Applications.
Give it a try by just copying the code below

image



Image with Shadow

This is a responsive image with shadow effects this can be seen at following places.
eg :- Social sites and Applications.
Give it a try by just copying the code below

image


Image with Hover Effects

This is a responsive image with applied hover effects, this can be seen at following places.
eg :- Social sites and Applications.
Give it a try by just copying the code below

image