Aller au contenu

Des effets que vos visiteurs ressentent

Cinquante‑huit effets prêts : apparitions, compteurs, projecteurs, verre, bandeaux défilants, navigation, formulaires. Choisissez‑en un dans le constructeur, réglez deux curseurs, appliquez. Zéro crédit, retiré en un clic.

Six sur cinquante‑huit

Fond auroreDes halos de couleur douce dérivent lentement derrière le premier écran
Titre lettre par lettreLe titre principal s’assemble lettre par lettre
Projecteur sur les cartesUne tache de lumière douce suit le curseur sur les cartes
Masque sur imageUn masque glissant dévoile l’image quand elle entre à l’écran
CompteursLes chiffres des statistiques comptent depuis zéro quand ils entrent à l’écran
Bandeau défilantUne rangée de logos ou de mots glisse en boucle continue

Aussi dans le catalogue :Apparition des sectionsCascadeTitre mot à motParallaxeInclinaison des cartesBoutons magnétiquesSurface en verreNavigation collante en verreEnvoi avec reçuLibellés décodésNetteté à l’arrivéeSection épingléeBarre de progression de lectureRotation au défilementTeinte par sectionBordure lumineuseZoom d’image au survolCurseur personnaliséSoulignement glissantGrille de pointsGrain de filmHalo néonPastille glissanteÉlévation au survolReflet sur les boutonsRetournement de carteParticules en morphingObjet en verreProduit sur piédestalChamp d’étoilesFluide sous le curseurDégradé shaderÎle en voxelsÉcosystème en orbiteBande horizontaleDock grossissantMenu en pastilleNavigation sur téléphoneNotification flottanteSquelette de chargementConfettisVidéo en première écranDégradé sur le titreTrait de pinceauNuméros de sectionVague entre les sectionsPhotos en bichromieCadre décaléReflet sur la carteRéponse du boutonFocus visibleAccroche des sections

Comment faire

  • 1Choisis une section à gauche ou appuie sur « Animer » : trois suggestions selon son type.
  • 2Survole une carte : l’aperçu est réel, le même code qui ira sur le site.
  • 3Règle les curseurs et appuie sur « Appliquer ». Zéro crédit, un bouton pour retirer.
  • 4« Tempo » et « Sans mouvement » agissent sur tout le site ; les effets lourds s’allègent d’eux‑mêmes sur mobile.

Chaque effet est du CSS ordinaire et un script de 3 Ko, sans bibliothèque. Les mobiles reçoivent d’eux‑mêmes une version allégée ; qui a désactivé le mouvement voit l’état final.