Animation complète à utiliser "tel quel"

Présentation

Des animations gratuites pour égayer votre site web. Par exemple, et pour commencer des animations pour souhaiter, sur votre site, une bonne année à vos visiteurs

Je vous propose 16 services au

 

Bonne nouvelle année

Bomfim Marcela

Caractéristiques

  • CSS pur
  • L'année est facilement modifiable dans le HTML
  • Volta Redonda, RJ - Brésil

Image cliquable pour voir l'exemple

bonne annee avec l'une qui remplace l'autre

Références

Site web

[Créé / modifié] [30-12-2021 / 30-12-2021]

CreateJs

Caractéristiques

  • CSS, JS, createJS.js
  • Pour changer le texte "Happy New Year", il faut changer l'image PNG dans le Javascript
  • Jolie animation neigeuse
  • Edmonton, Canada

Image cliquable pour voir l'exemple

bonne annee sous la neige

Références

Site web

Site de l'auteur

Site autre

[Créé / modifié] [30-12-2021 / 30-12-2021]

Crusher Snail

Caractéristiques

  • CSS pur
  • Tout simple avec utilisation du format SVG
  • Inde

Image cliquable pour voir l'exemple

bonne annee avec format SVG

Références

Site web

[Créé / modifié] [30-12-2021 / 30-12-2021]

Design Code Build

- Design Code Build est une académie de conception et de codage pour enfants formidables !

Caractéristiques

  • CSS, JS, rien d'autre
  • Aucune dépendance
  • Pour changer l'année il faut modifier l'image
  • C'est joyeux !
  • La Jolla, San Diego, CA, USA

Image cliquable pour voir l'exemple

bonne annee avec neige et nourriture

Références

Site web

Site de l'auteur

[Créé / modifié] [10-01-2022 / 10-01-2022]

Hoebregts Louis

Caractéristiques

  • CSS, JS, TweenMax.js
  • L'année peut être insérée si besoin
  • Jolie animation sous la neige
  • Que fait le petit funiculaire? Il hésite à passer à l'année suivante ?
  • Belgique

Image cliquable pour voir l'exemple

bonne annee sous la neige

Références

Site web

Site de l'auteur

[Créé / modifié] [30-12-2021 / 30-12-2021]

Ilithya

Caractéristiques

  • CSS pur
  • Animation cool
  • L'année est facilement modifiable dans le HTML
  • Mexicain habitant Hambourg

Image cliquable pour voir l'exemple

bonne annee avec ballons annonciateurs

Références

Site web

Site de l'auteur

[Créé / modifié] [02-01-2022 / 02-01-2022]

Jangra Ashish

Caractéristiques

  • CSS pur
  • Animation originale mais un peu fatigante à regarder
  • L'année est facilement modifiable dans le CSS (title__inner)
  • Jodhpur, Inde

Image cliquable pour voir l'exemple

bonne annee avec animation coupante

Références

Site web

[Créé / modifié] [02-01-2022 / 02-01-2022]

Kumar Swarup

Caractéristiques

  • CSS, Bootstrap.css, JS, Anime.js, Popmotion.js
  • Vraiment beaucoup de code !
  • Jamshedpur, Jharkhand, Inde

Image cliquable pour voir l'exemple

bonne annee avec symboles informatiques

Références

Site web

[Créé / modifié] [02-01-2022 / 02-01-2022]

Lemoine Vivien

Caractéristiques

  • CSS pur
  • Effet néon !
  • L'année est facilement modifiable dans le HTML
  • Tampa, Floride, USA

Image cliquable pour voir l'exemple

bonne annee avec un effet neon

Références

Site web

Site de l'auteur

[Créé / modifié] [30-12-2021 / 30-12-2021]

Nod/Ws James

Caractéristiques

  • CSS pur
  • Difficile de faire plus simple !
  • Nécessitera quelques explications pour les non initiés
  • Mexico

Image cliquable pour voir l'exemple

bonne annee avec symboles informatiques

Références

Site web

Site de l'auteur

[Créé / modifié] [02-01-2022 / 02-01-2022]

Stranger In The Q

Caractéristiques

  • JS pur
  • Les années sont facilement modifiables dans le code Javascript
  • Un feu d'artifice agréable et facile à utiliser

Image cliquable pour voir l'exemple

bonne annee avec feu d'artifice

Références

Site web

Site de l'artiste

[Créé / modifié] [10-01-2022 / 10-01-2022]

Tudor Ana

Caractéristiques

  • CSS pur
  • Les années sont facilement modifiables dans le HTML
  • Un changement d'année peut s'apparenter à un retournement se situation

Image cliquable pour voir l'exemple

bonne annee avec glissement

Références

Site web

[Créé / modifié] [02-01-2022 / 02-01-2022]

 

Joyeux anniversaire

Gabi

Caractéristiques

  • CSS, JS
  • Texte facile à changer dans le HTML
  • Inde

Image cliquable pour voir l'exemple

bonne anniversaire facon champagne et ballons

Références

Site web

[Créé / modifié] [30-12-2021 / 30-12-2021]

 

Joyeux Noël

Mitali de Coding Artist

Caractéristiques

  • CSS presque pur, JS
  • Texte très facile à changer dans le HTML
  • Il faut survoler le père Noël pour voir s'afficher le texte
  • Inde

Image cliquable pour voir l'exemple

joyeux noel

Références

Site web

Site de l'auteur

[Créé / modifié] [30-12-2021 / 30-12-2021]

 

Saint Valentin

Duo Mimo

Caractéristiques

  • CSS pur
  • Texte facile à changer dans le HTML (class="love")
  • Dédié à Grace, à l'origine !
  • Maryland, USA

Image cliquable pour voir l'exemple

bonne saint valentin avec des roses rouges

Références

Site web

[Créé / modifié] [30-12-2021 / 30-12-2021]

 

Bon Halloween

Sanchez Jaume

Caractéristiques

  • CSS pur
  • Tout simple à utiliser
  • Le texte peut être changé dans le HTML
  • L'animation s'arrête si l'on se positionne dessus
  • Barcelone, Espagne

Image cliquable pour voir l'exemple

bon halloween en tout CSS

Références

Site web

[Créé / modifié] [30-12-2021 / 30-12-2021]

 

Divers