The visibility property in CSS has two different functions. It hides rows and columns of a table, and it also hides an […]

.element { visibility: hidden; }

The vertical-align property in CSS controls how elements set next to each other on a line are lined up. In […]

td { vertical-align: top; }

The CSS view-transition-name property uniquely identifies an element that can be used in a view transition. We give the element […]

.element { view-transition-name: image-zoom; }

The CSS view-timeline-name property allows us to identify and reference an element we want to animate based on its scroll […]

.element { view-timeline-name: --image-zoom; }

The view-transition-class property is used to group named elements in a class during a view transition

.element { view-transition-class: bearhugs; }

The CSS view-timeline-inset property allows you to more finely control where an element’s animation begins and/or ends when scrolled into […]

.element { view-timeline-inset: 200px 20%; }

The view-timeline-axis CSS property allows you to set which direction an animation scrolls when triggered. You can animate elements when […]

.element { view-timeline-axis: x; /* horizontal axis */ }