PHPnews.io

First Look At The CSS object-view-box Property

Written by Bram.us / Original link on May. 20, 2022

object-view-box.jpeg

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 →

bram bram link tutorialzine crop bram

« Obi-Wan Kenobi on Disney+ - Bringing Page Transitions to the Web »