Instagram Feed Item Style Examples
You can mix & match various options to achieve different results, e.g.:
- Circle image style
- Image roundness
- Item border roundness
- Content below image
- Content on hover
- Show/Hide each element
- Various Hover animations
- Various icon styles
- Boxed style
- Content alignment
- and more
Content Below, Boxed
Examples of boxed style items with content below image. First example without items height stretch, content align to left, outlined icons, image overlay on hover.
Content below image, boxed with items height stretch to the tallest item. Content align to left, filled icons, image zoom out on hover.
Content below image, boxed without items height stretch. Content align to center, outline icons, image overlay on hover.
Content below image, boxed with items height stretch to the tallest item. Content align to center, filled icons, image zoom out on hover.
Circles
Example of a circle styled images. First example demonstrating content on hover above image. Image zoom out, elements move up on hover. No popup. Video play in grid on hover.
Content below image, centered. Image zoom in on hover.
Rounded Items and Images
You can set any border radius for images and items. First example demonstrating border radius set to 16px. Content appears on hover above image. Image zoom in on hover.
Item and image Border radius set to 10px. Content below image, boxed style enabled. Image zoom out on hover.
These are just some example of what you can do. Mix options to achieve desired results. Don't hesitate to let us know if you need some more layouts or options!
