Hover Animations in Instagram Block

Instagram Block has fourteen amazing hover animations when you hover over an image. You can also flexibly edit all the parameters of the animations in the settings, such as the duration of the animation, animation-delay, timing function, and other parameters.

image
21

Opacity

image
21

Rotate clockwise

image
21

Width

image
21

Translate left to right

image
21

Translate top to bottom

image
21

3D Rotation left to right

image
21

3D Rotation top to bottom

image
21

Scale

image
21

Rotate counter-clockwise

image
21

Height

image
21

Translate right to left

image
21

Translate bottom to top

image
21

3D Rotation right to left

image
21

3D Rotation bottom to top

Besides, to hover animations, you can easily adjust the color and transparency of the hover, apply one of the blending modes, or change the font parameters. Also, read more about initial animations of Inster Gutenberg Block.

It does not matter which browser users view your site. Inster works great Chrome, Firefox, Opera, Safari, Edge or even the outdated versions of Internet Explorer – in all browsers, visitors will get an incredibly smooth experience when scrolling through the site. And this is especially if your site has many long pages, such as a Blog, Portfolio, Corporate Website, eCommerce Project, Creative Agency, Real Estate Listing, Personal CV, a Restaurant or Retail Company, etc.

A variety of settings allows you to customize the block to the smallest detail. In the settings, you can select initial animation and one of the hover styles and also choose from preset color schemes or choose from 16 million colors independently. There is a mode for displaying enlarged posts in Lightbox, which can be turned off.