đŸ±
CatBut/ Animations12 composants · NeonSigns

composant

NeonSigns

Panneaux + flĂšches + enfants enchaĂźnĂ©s — amplitude=3, speed=1

!lurk
!duel
!accept
SUB
!clip

Effets Pulse (sign / text) + TypeWriter + chat arrow

Pulse sign
Pulse text

Amplitude forte (6°), vitesse lente (0.4)

HYPE
!so

composant

FadeIn

direction="up"

FadeIn up

direction="down"

FadeIn down

direction="left"

FadeIn left

direction="right"

FadeIn right

direction="none"

FadeIn none

composant

FadeOut

visible={true/false} — clique pour basculer

FadeOut up
FadeOut left
FadeOut none

composant

ScrollReveal

Scrolle vers le bas pour déclencher les révélations.

direction="up", delay=0ms

ScrollReveal up

direction="down", delay=80ms

ScrollReveal down

direction="left", delay=160ms

ScrollReveal left

direction="right", delay=240ms

ScrollReveal right

composant

StaggerChildren

staggerDelay=120ms, direction=up — 6 enfants

!lurk
!duel
SUB
RAID
!clip
!so

composant

CountUp

Statistiques animĂ©es — target diffĂ©rents, direction=up

0
commandes
0
points
0
events
0
viewers

composant

TypeWriter

direction="left" speed=80ms

composant

Pulse

scale et duration différents

scale 1.08 · 1.8s
scale 1.15 · 0.8s
scale 1.04 · 3s

composant

FlipAny

Clique pour retourner.

direction="horizontal" vs "vertical"

Fronthorizontal
Back
Frontvertical
Back

composant

InfiniteScroll

direction="horizontal" speed=60 pauseOnHover

!lurk
!duel
!roulette
!trivia
SUB
RAID
BITS
HYPE
!lurk
!duel
!roulette
!trivia
SUB
RAID
BITS
HYPE

composant

ScrollContainer

direction="horizontal" scroll manuel

item 1
item 2
item 3
item 4
item 5
item 6
item 7
item 8
item 9
item 10
item 11
item 12
item 13
item 14
item 15
item 16
item 17
item 18
item 19
item 20

composant

Carousel

autoPlay=5s, showDots, showButtons, swipe

Commandes
Réponses, compteurs, modération

composant

Parallax

Scrolle pour voir les éléments dériver.

factor 0.1 · 0.3 · 0.5

×0.1
×0.3
×0.5
← Back to home