x

Open in Github Open in StackBlitz
@twicpics-components
Documentation

zoom property

The zoom property allows you to display a lazy-loaded enlarged version of your image when you hover the mouse .

zoom value
  • is a number strictly superior to 1
  • can be set using the zoom prop of TwicImg component or through --twic-zoom CSS variable.
  • can be combined with the preTransform property

We recommend using intrinsic property to avoid upscaling.

It applies only to TwicImg component in cover mode.

zoom="1.5"
ratio="4/3" + zoom="1.5"
preTransform + zoom="1.5"