This utility class does a scrolling animation that we normally used for sponsor/brand logos CSS to include in the site to complement this functionality.
- @param {String} containerId container for querying
- @param {String} childrenSelector children selector for querying
- @param {String} direction Can be left or right. The default value is left
- @param {String} speed pixels per ms. The default value is 5
.slider{
display: inline-flex;
flex-wrap: nowrap;
width: 100%;
overflow: hidden;
align-items: stretch;
.card{
//children should have an display inline property
}
}
import logoScroller from '@keodesign/logo-scroller';
logoScroller('.slider', ".card", "left", 1);