Blossom Carousel Logo
Experimental

Repeat

Use repeat mode for cyclical Blossom Carousel behavior.
This feature is experimental and might not work as expected.
1
2
3
4
5
6
7
8
9
10
.html
<BlossomCarousel repeat="true" class="carousel">
  <div class="slide"></div>
  <div class="slide"></div>
  <div class="slide"></div>
  ...
</BlossomCarousel>

Scroll Snap Events

Trigger actions when a slide snaps using native scroll snap events.

Scroll Trigger

Use CSS animation-trigger to animate slides based on their scroll state.