The view-timeline-axis property specifies the axis of named view progress timelines sourced from an element's principal box. If the box isn't a scroll container, the timeline becomes inactive..card {
view-timeline-axis: y;
}.card {
view-timeline-name: --c1, --c2;
view-timeline-axis: block, inline;
}blockThe default value. Block axis of the scroll container.inlineInline axis of the scroll container.xPhysical horizontal axis.yPhysical vertical axis.CSS Scroll-linked Animations Module Level 1Editor's DraftW3CMDNScroll to see
In the beginning God created the heaven and the earth.
Now the earth was unformed and void, and darkness was upon the face of the deep; and the spirit of God hovered over the face of the waters.
And God said: 'Let there be light.' And there was light.
And God saw the light, that it was good; and God divided the light from the darkness.
And God called the light Day, and the darkness He called Night. And there was evening and there was morning, one day. {P}
And God said: 'Let there be a firmament in the midst of the waters, and let it divide the waters from the waters.'
And God made the firmament, and divided the waters which were under the firmament from the waters which were above the firmament; and it was so.
And God called the firmament Heaven. And there was evening and there was morning, a second day. {P}
And God said: 'Let the waters under the heaven be gathered together unto one place, and let the dry land appear.' And it was so.
And God called the dry land Earth, and the gathering together of the waters called He Seas; and God saw that it was good.
And God said: 'Let the earth put forth grass, herb yielding seed, and fruit-tree bearing fruit after its kind, wherein is the seed thereof, upon the earth.' And it was so.
And the earth brought forth grass, herb yielding seed after its kind, and tree bearing fruit, wherein is the seed thereof, after its kind; and God saw that it was good.
Show all codeEdit CSS onlineThe plugin that remembers hundreds of CSS items for youEvery CSS property — in a live demonstrationThe bilingual CSS referencedefinitionexamplessyntaxmodulespecificationsourcesvisual demonstrationpreviousnext
