Web features explorer

object-view-box

Limited availability

The object-view-box CSS property crops and zooms to an inset area of an image.

Browser support

  • Chrome 104 Released on 2022-08-02
  • Chrome Android 104 Released on 2022-08-02
  • Edge 104 Released on 2022-08-05
  • Firefox Not supported Bugs: 1773791
  • Firefox for Android Not supported
  • Safari Not supported
  • Safari on iOS Not supported

Need this feature?
Leave a 👍 on the feedback issue
Don't forget to also leave a comment explaining your specific use case.

Usage (according to Chrome Platform Status)

~0.082% of page loads. More data at chromestatus.com.

Developer use cases

  • The most immediate opportunity I can see would be an "image zoom" feature. Initially, being able to hover over an image and have that image zoom in, could be cool! Another option would be offering multiple predetermined "zoom zones", where clicking an option would zoom the image to that zone. Both examples above demonstrated here: https://codepen.io/aarontgrogg/pen/XJdqwBB The *ideal* would be if it could zoom in to the portion of the pic you are hovering over, but that would require at least *some* JS, to track and pass the current x/y to the CSS custom properties... Yes, *some* JS, but certainly less than we use now for the same feature! The most immediate opportunity I can see would be an "image zoom" feature. Initially, being able to hover over an image and have that image zoom in, could be cool! Another option would be offering multiple predetermined "zoom zones", where clicking an option would zoom the image to that zone. Both examples above demonstrated here: https://codepen.io/aarontgrogg/pen/XJdqwBB The *ideal* would be if it could zoom in to the portion of the pic you are hovering over, but that would require at least *some* JS, to track and pass the current x/y to the CSS custom properties... Yes, *some* JS, but certainly less than we use now for the same feature! [see original comment]