Advanced Inset Example

See view-timeline-inset css property is set on 2nd child

[data-ws-animate-id="_Rmj5_"] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_Rmj5_"] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_Rmj5_"] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_Rmj5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_Rmj5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])) { animation: none; }

INSET Auto

[data-ws-animate-id="_R16j5_"] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R16j5_"] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R16j5_"] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R16j5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R16j5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])) { animation: none; }

Advanced Inset Example

INSET Auto

INSET 20% 20%

The End