NuxtLegoNuxtLego

Marquee Banner

Simple and easy marquee effect.

Vue
React
Angular
Vue
React
Angular
Vue
React
Angular
Vue
React
Angular
Vue
React
Angular
Vue
React
Angular
Vue
React
Angular
Vue
React
Angular
Vue
React
Angular
Vue
React
Angular
Vue
React
Angular
Vue
React
Angular

Anatomy

<template>
  <LegoMarqueeBanner :speed="0.5" :hovered-speed="0.25">
    <LegoMarqueeBannerLeft>
      <!-- list of divs -->
    </LegoMarqueeBannerLeft>

    <LegoMarqueeBannerRight>
      <!-- list of divs -->
    </LegoMarqueeBannerRight>
  </LegoMarqueeBanner>
</template>

API Reference

Root

PropDefaultTypesDescription
speed1numberSpeed of scrolling effect.
hoveredSpeed0.5numberSpeed of scrolling effect when hovered.
shadowCount5numberNumber of cloned element for server-side rendered.