Scale & Rotate

Scale & Rotate

Agrandissement avec légère rotation.

CSS Transform
BG Slide

Background Slide

Le fond glisse de gauche à droite.

CSS Background
Border

Border Gradient

Bordure gradient qui apparaît au survol.

CSS Border
Shine

Shine Effect

Reflet lumineux qui traverse l'élément.

CSS Light
Underline

Underline Expand

Ligne qui s'étend depuis le centre.

CSS Line
🚀 Bounce

Icon Bounce

L'icône rebondit au survol.

CSS Animation
Color

Color Shift

Transition de couleur fluide.

CSS Color
Blur

Blur Reveal

L'élément flou devient net au survol.

CSS Filter
Inset

Shadow Inset

Ombre intérieure lumineuse.

CSS Shadow
Tilt

Tilt 3D

Inclinaison perspective au survol.

CSS 3D
Shutter

Shutter Reveal

Effet volets qui s'ouvrent au survol.

CSS Reveal
Glitch

Glitch Hover

Effet glitch RGB au survol.

CSS Glitch
Fill Up

Fill Up

Remplissage de bas en haut avec courbe ease-quart. Inspiré de Daily Delights.

CSS Fill Bezier
Filter

Filter Animated

Animation de filtres CSS optimisée GPU avec will-change.

CSS Filter GPU
Spotlight

Spotlight Effect

Effet projecteur qui suit le curseur sur l'élément.

JS Mouse Light
Magnetic

Magnetic Pull

L'élément est attiré par le curseur avec effet magnétique.

JS Mouse Physics
Elastic

Elastic Scale

Agrandissement avec courbe élastique et rebond naturel.

CSS Bezier Scale
Gradient

Gradient Shift

Gradient animé qui accélère au survol pour un effet dynamique.

CSS Gradient Animation
423 likes

Like Heart

Bouton like avec animation pop, anneau de propagation et explosion de particules colorées au clic.

CSS Animation Interactive
Sauvegarder Favoris

Bookmark Toggle

Bouton de sauvegarde avec animation de chute, remplissage du fond et transition de couleur.

CSS Toggle Animation

Submit Button

Bouton envoi avec morphing circulaire, spinner de chargement et animation de check de succès.

CSS JS States

Ripple Click

Effet Material Design ripple au clic. L'onde se propage depuis le point de contact et s'estompe.

CSS JS Material

Cliquez pour simuler

Pull to Refresh

Simulation pull-to-refresh mobile avec indicateur rotatif, déplacement du contenu et spinner de chargement.

CSS JS Mobile
Nouvelle notification !

Notification Bell

Cloche avec animation de vibration, badge compteur avec pop-in et toast de notification glissant.

CSS JS Notification
Cliquez pour noter

Star Rating

Système de notation avec animation pop et rotation sur chaque étoile. Labels dynamiques selon la note.

CSS JS Rating
Notifications
Mode avion
Bluetooth

Switch with Icons

Interrupteurs avec icônes intégrées dans la poignée, animation bounce et changement de couleur.

CSS Toggle Icons
npm install effects.lab
Copié !
sk-ab12...xz89
Copié !

Copy to Clipboard

Bouton copier avec transition d'icônes (copie → check), couleur de succès et tooltip « Copié ».

CSS JS Clipboard

Confetti Button

Bouton qui déclenche une pluie de confettis colorés avec gravité et rotation réalistes.

JS Canvas Animation
Dessinez avec la souris

Paint Brush

Pinceau lumineux qui laisse une traînée colorée.

Canvas Draw Creative
Bougez la souris

Repel Particles

Particules qui fuient le curseur.

JS Particles Physics
HOVER ME

Text Scramble

Texte qui se décode au survol.

JS Text Decode
DRAG ME

Elastic Drag

Élément draggable avec retour élastique.

JS Drag Spring
YOU WON!
Grattez pour révéler

Scratch Reveal

Grattez pour révéler le contenu caché.

Canvas Reveal Game
CLICK ME
Cliquez pour transformer

Morph on Click

Forme qui se transforme à chaque clic.

CSS JS Transform
Tapez sur votre clavier

Live Typing

Chaque caractère apparaît avec animation.

JS Keyboard Animation
Cliquez pour activer

Sound Visualizer

Barres qui réagissent dynamiquement.

JS Audio Visual
M A G N E T I C
Approchez la souris des lettres

Magnetic Letters

Lettres attirées ou repoussées par le curseur.

JS Physics Text
DRAG
ME
UP
Glissez et relâchez les balles

Gravity Drag

Éléments qui tombent avec gravité une fois relâchés.

JS Physics Drag
Cliquez pour ajouter des balles

Gravity Simulation

Balles soumises à la gravité avec rebond.

JS Physics Interactive
Survolez la corde

Elastic String

Corde élastique qui réagit au curseur.

JS Elastic Mouse

Magnetic Field

Particules attirées par un champ magnétique.

JS Magnetic Particles

Newton's Cradle

Pendules avec transfert d'énergie cinétique.

JS Pendulum Energy
Bougez la souris

Liquid Simulation

Gouttes qui se combinent et se séparent.

JS Fluid Metaball
SPRING
BOUNCE
ELASTIC
Cliquez sur les boîtes

Spring Physics

Animation élastique avec effet ressort.

JS Spring Bounce

Collision Detection

Balles qui rebondissent les unes sur les autres.

JS Collision Physics
Bougez la souris sur le tissu

Cloth Simulation

Simulation de tissu interactif.

Canvas Cloth Interactive
Cliquez sur une balle pour la lancer

Newton's Cradle

Pendule de Newton avec transfert d'energie.

Canvas Physics Momentum
Glissez la corde avec la souris

Rope Physics

Corde interactive avec simulation physique.

Canvas Verlet Draggable