Zoomable Image

  • Resolved nootkan

    (@nootkan)


    11 months, 1 week ago

    Is it possible to make my image zoomable when hovering over it like Amazon does using the free Spectra plugin? I don’t see too many options in the settings when selecting the image block.

    • This topic was modified 11 months, 1 week ago by nootkan.
Viewing 1 replies (of 1 total)
  • Thread Starter nootkan

    (@nootkan)

    The only way I could get this work was to use a css class inside the advanced option of the image block and add the css inside the appearance>>customize>>additional css box.

    Not perfect as you have to move the mouse up or down and not left or right to go back to original size. Image also has to be centered or image jumps to the left or right when zoomed.

    .className{transition: transform .2s;margin: 0 auto;}
    .className:hover{-ms-transform: scale(1.5); /* IE 9 / -webkit-transform: scale(1.5); / Safari 3-8 */transform: scale(1.5);}

    • This reply was modified 11 months ago by nootkan. Reason: type O
    • This reply was modified 11 months ago by nootkan.
Viewing 1 replies (of 1 total)
  • The topic ‘Zoomable Image’ is closed to new replies.