Marquee

V227-09

Dit foto album zal alle foto's twee maal inladen en automatisch in tegestelde richting sliden. Mooi voor afbeeldingen die extra sfeer aan de pagina toe voegen.

Hoe te gebruiken?

Zet de view attribuut naar marquee toe van de image-album partial.

  • Via de attributes's animation-speed attribuut kun je de snelheid aanpassen. Standaard is de waarde hiervan 16.

Voorvertoning

Alvast beginnen met een basis opmaak?

Neem de onderstaande code over in de website om alvast met een basis opmaak te beginnen.
HTML
<div class="marquee-wrapper">
	<nc-image-album name="TODO:" view="marquee"></nc-image-album>
</div>

<div class="marquee-wrapper">
	<nc-image-album name="TODO:" view="marquee" attributes="animation-speed=8"></nc-image-album>
</div>
CSS
.marquee-wrapper {
	max-width: 100%;
	overflow: hidden;
	padding-top: 4rem;
	padding-bottom: 4rem;
}
.marquee-wrapper>* {
	transform: rotate(5deg);
}
.marquee-wrapper .flex-marquee {
	gap: 15px;
}