demo-container { display: flex; flex-flow: column; 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; }
.animation {
view-timeline: --subject-reveal block;

animation-timeline: --subject-reveal;

animation-name: appear;
animation-fill-mode: both;
animation-duration: 1ms;


}
.element {view-timeline-inset: 80% -60px;}
@keyframes appear {
0% { opacity: 0; transform: scaleX(0); }
100% { opacity: 1; transform: scaleX(1); }
}