First Look At The CSS object-view-box Property

This content originally appeared on Bram.us and was authored by Bramus!

Ahmad Shadeed dives into the new object-view-box property, a side-invention to the aforementioned Page Transitions API:

The object-view-box property specifies a “view box” over an element, similar to the <svg viewBox> attribute, zooming or panning over the element’s contents.

Like so:

img {
    aspect-ratio: 1;
    width: 300px;
    object-view-box: inset(25% 20% 15% 0%);
}

Available now in Chrome canary.

First Look At The CSS object-view-box Property →

This content originally appeared on Bram.us and was authored by Bramus!

Print Share Comment Cite Upload Translate Updates

APA

Bramus! | Sciencx (2022-05-20T21:06:11+00:00) First Look At The CSS object-view-box Property. Retrieved from https://www.scien.cx/2022/05/20/first-look-at-the-css-object-view-box-property-3/

MLA

" » First Look At The CSS object-view-box Property." Bramus! | Sciencx - Friday May 20, 2022, https://www.scien.cx/2022/05/20/first-look-at-the-css-object-view-box-property-3/

HARVARD

Bramus! | Sciencx Friday May 20, 2022 » First Look At The CSS object-view-box Property., viewed ,<https://www.scien.cx/2022/05/20/first-look-at-the-css-object-view-box-property-3/>

VANCOUVER

Bramus! | Sciencx - » First Look At The CSS object-view-box Property. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2022/05/20/first-look-at-the-css-object-view-box-property-3/

CHICAGO

" » First Look At The CSS object-view-box Property." Bramus! | Sciencx - Accessed . https://www.scien.cx/2022/05/20/first-look-at-the-css-object-view-box-property-3/

IEEE

" » First Look At The CSS object-view-box Property." Bramus! | Sciencx [Online]. Available: https://www.scien.cx/2022/05/20/first-look-at-the-css-object-view-box-property-3/. [Accessed: ]

rf:citation

» First Look At The CSS object-view-box Property | Bramus! | Sciencx | https://www.scien.cx/2022/05/20/first-look-at-the-css-object-view-box-property-3/ |

Please log in to upload a file.

There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.