Introducing

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Et consequuntur dolor similique.

container-type: scroll-state

Et consequuntur dolor similique, ab reiciendis rerum distinctio! Impedit dolorem autem quidem, laborum laudantium aut magnam magni dolores velit eos nulla assumenda.

@container scroll-state(snapped: inline)

Lorem ipsum, dolor sit amet consectetur adipisicing elit, laborum laudantium aut magnam magni dolores velit eos nulla assumenda.

Opacity transitions to 1 when snapped

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Achieved via a state container query

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.