← All elements
<div class="pc-rotator" role="region" aria-label="Store announcements">
<p class="pc-rotator__slide" style="--i:0">Free shipping over ₱2,500</p>
<p class="pc-rotator__slide" style="--i:1">New autumn linen is in</p>
<p class="pc-rotator__slide" style="--i:2">Gift wrapping is on us</p>
</div>About this carousel
An announcement banner that cycles through three messages on its own with staggered keyframe fades, and pauses while hovered. Open an example, copy the HTML and the CSS, and paste them into your page. There is nothing to install and no JavaScript to load.