AOS or any other library of your choice to create an animated scrolling storybook code example
Example 1: aos animation manual seting
[data-aos="new-animation"] {
opacity: 0;
transition-property: transform, opacity;
&.aos-animate {
opacity: 1;
}
@media screen and (min-width: 768px) {
transform: translateX(100px);
&.aos-animate {
transform: translateX(0);
}
}
}
Example 2: aos animation manual seting
<div data-aos="new-animation"></div>