demo-container { display: flex; flex-flow: column wrap; border: 2px solid rgb(189, 189, 189); padding: 25px 10px 10px; border-radius: 4px; width: 350px; height: 200px; overflow: auto; column-gap: 10px; }
demo-object { display: block; width: 100%; margin: 0px auto; background-color: rgb(255, 255, 0); }
block-block { font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 14px; }
.big { font-size: 20px; margin-bottom: 10px; }

.element {view-timeline-axis: x;}
.animation {
view-timeline-name: --subject-reveal;
view-timeline-axis: horizontal;
animation: appear 1ms linear both;
animation-timeline: --subject-reveal;
view-timeline-inset: 90% -60px;
}
@keyframes appear {
0% { opacity: 0; transform: scaleX(0); }
100% { opacity: 1; transform: scaleX(1); }
}