Caractéristiques

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

Image cliquable pour voir l'exemple

Références

Site web

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

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

Références

Site web

Site de l'auteur

Site autre

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

Caractéristiques

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

Image cliquable pour voir l'exemple

Références

Site web

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

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

Références

Site web

Site de l'auteur

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

Caractéristiques

• CSS, JS, P5.js
• Clovis Neto alias Clovis Galvao
• Très facile d'ajouter l'année dans le HTML
• Ça pète au dessus de la ville !

Image cliquable pour voir l'exemple

Références

Site web

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

Caractéristiques

• CSS, JS, jQuery, TweenMax.js
• L'année peut être insérée si besoin
• Beau travail
• France

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [23-05-2022 / 23-05-2022]

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

Références

Site web

Site de l'auteur

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

Caractéristiques

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

Image cliquable pour voir l'exemple

Références

Site web

Site de l'auteur

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

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

Références

Site web

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

Caractéristiques

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

Image cliquable pour voir l'exemple

Références

Site web

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

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

Références

Site web

Site de l'auteur

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

Caractéristiques

• CSS, image GIF
• On peut changer l'année très facilement
• Il est même possible d'écrire tout autre chose
• Slovenia

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [12-04-2022 / 12-04-2022]

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

Références

Site web

Site de l'auteur

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

Caractéristiques

• CSS pur
• Le 2 se transforme en3, indéfiniment
• Code ultra simple, à défaut d'≖tre une animation originale
• Inde

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [17-12-2022 / 17-12-2022]

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

Références

Site web

Site de l'artiste

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

Caractéristiques

• JS, Three.js, Tweenmax.js, OrbitControls.js
• Les lettres s'agglutinent sur une faisant, sur une ligne et à la suite les uns des autres, les mots "happy New year"
• Ces mots fabricant, à leur tour, les trois mots "happy New year"
• Tout cela en 3D, manipulable
• Top !
• Japon

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [13-08-2022 / 13-08-2022]

Caractéristiques

• CSS, Normalize.css, JS
• Feu d'artifice avec trois paramètres: La taille des fusées; Leur nombre; Leur densité
• Sympa !
• Hanoï, Vietnam

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [17-12-2022 / 17-12-2022]

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

Références

Site web

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

Caractéristiques

• CSS pur
• Animation du fait de la flamme
• Le destinataire est très facilement modifiable
• C'est tout petit, c'est tout mimi !

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [12-05-2022 / 12-05-2022]

Caractéristiques

• CSS, JS
• Les fusées du feu d'artifice, en éclatant, découvrent les lettres
• Une fois les mots inscrits des ballons viennent emporter les lettres une par une
• Bratislava, Slovaquie

Image cliquable pour voir l'exemple

Références

Site web

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

Caractéristiques

• CSS, JS
• Animation: La carte s'ouvre et se referme
• Vous pouvez changer très facilement les textes
• Hampshire, Royaume-Uni

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [09-03-2022 / 09-03-2022]

Caractéristiques

• CSS, JS (très peu)
• Animation: Il n'y a plus qu'à souffler la bougie...
• ... Voire ajouter un petit texte en dessous
• Brighton, Royaume-Uni

Image cliquable pour voir l'exemple

Références

Site web

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

Caractéristiques

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

Image cliquable pour voir l'exemple

Références

Site web

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

Caractéristiques

• CSS, JS
• Prénom facile à changer dans le Javascript
• Façon karaoké (avec son)
• Il est possible de changer le rythme avec le curseur
• Catalogne

Image cliquable pour voir l'exemple

Références

Site web

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

Caractéristiques

• CSS, Normalize.css, rien d'autre
• Bouger la souris en dehors du gâteau permet de le manipuler
• Cliquer sur le gâteau en détache une part et la fait disparaitre avec une transition de fondu
• Très très bonne idée
• Tokyo, Japon

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [09-03-2022 / 09-03-2022]

Caractéristiques

• CSS, JS
• Texte facile à changer dans le HTML
• Pas responsive à l'origine, j'ai ajouté une "@media (max-width: 600px)" pour que ça passe mais c'est juste
• J'aime beaucoup la douceur de ce que propose cette personne. Voir son site sur CodePen et cet autre exemple de douce joyeuseté
• Ukraine

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [28-04-2022 / 28-04-2022]

Caractéristiques

• CSS, JS
• Texte facile à changer dans le HTML
• Il est possible de changer le rythme avec le curseur
• Londres

Image cliquable pour voir l'exemple

Références

Site web

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

Caractéristiques

• CSS pur
• Texte facile à changer dans le HTML et le CSS
• À 22 ans se rajoute une année, ce qui fait 23
• Après le remplacement du 2 par le 3 apparaissent 'bon anniversaire' et le gâteau en arrière plan
• Palestine

Image cliquable pour voir l'exemple

Références

Site web

Site de l'auteur

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

Caractéristiques

• CSS pur
• Texte facile à changer dans le HTML
• Animation: La carte se déplie au survol
• Pas responsive mais pour une fois ce n'est pas trop grave, la partie texte reste parfaitement visible, une fois la carte ouverte
• Angleterre

Image cliquable pour voir l'exemple

Références

Site web

Site de l'auteur

[Créé / modifié] [12-05-2022 / 12-05-2022]

Caractéristiques

• CSS pur
• Texte facile à changer dans le HTML. Attention ça 'ça dépend', ça dépasse !
• Animation: En cliquant sur le couvercle la boîte s'ouvre pour laisser sortir le message et les bulles de bonheur
• Pas responsive mais vu la taille, ça passe
• Angleterre

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [12-05-2022 / 12-05-2022]

Caractéristiques

• CSS, JS
• Texte facile à changer dans le HTML, pour ajouter un prénom, par exemple
• L'intérêt de cette proposition réside dans la possibilité de créer des fusées en cliquant avec la souris
• Zürich, Suisse

Image cliquable pour voir l'exemple

Références

Site web

Site de l'auteur

[Créé / modifié] [12-04-2022 / 12-04-2022]

Caractéristiques

• CSS, JS, rien d'autre
• Texte très facile à changer dans le HTML
• Un clic de souris laisse échapper un flot de confettis
• On peut augmenter la quantité de ballons : 'const QTY_BALLOONS = 20;'
• On peut modifier la quantité de confettis par explosion : 'number: 70,'
• Proposition très joyeuse
• Colombie

Image cliquable pour voir l'exemple

Références

Site web

Site de l'auteur

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

Caractéristiques

• CSS pur; image SVG
• Texte très facile à ajouter dans le HTML... si besoin
• Il faut survoler le père Noël pour voir s'afficher le texte
• Chicago, Ilinois, USA

Image cliquable pour voir l'exemple

Références

Site web

Site de l'auteur

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

Caractéristiques

• CSS, JS, BodyMovin.js
• L'animation indique au Père Noël où s'arrêter (format GPS)
• Original
• Hampshire, Grande Bretagne

Image cliquable pour voir l'exemple

Références

Site web

Site de l'auteur

[Créé / modifié] [11-12-2022 / 11-12-2022]

Caractéristiques

• CSS, JS
• On remarque un sapin puis, à l'arrière plan, un décor très futuriste
• Morceau de musique intégré, facile à changer dans la fonction 'loadMusic()'
• Paris

Image cliquable pour voir l'exemple

Références

Site web

Site de l'auteur

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

Caractéristiques

• CSS, JS et 2 images
• Bandeau pratique à utiliser pour un haut de page sans se prendre la tête
• Impeccable sur mobile
• Roumanie ou Russie

Image cliquable pour voir l'exemple

Références

Site web

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

Caractéristiques

• Kumeng Chou alias Ku Chou
• CSS, JS
• Le bonhomme de neige, se déshabille et se transforme en sapin de Noël
• Original
• Taïwan

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [11-12-2022 / 11-12-2022]

Caractéristiques

• CSS pur
• S'appelle sur CodePen Tu Truong
• Un ciel étoilé avec, peut-être la lune, et des boules qui oscillent
• Vietnam

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [17-12-2022 / 17-12-2022]

Caractéristiques

• CSS, JS, jQuery
• Décoration de Noël en bandeau haut
• Les boulent bougent et sonnent au passage de la souris
• Kiev, Ukraine

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [17-12-2022 / 17-12-2022]

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

Références

Site web

Site de l'auteur

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

Caractéristiques

• CSS, JS, jQuery
• Texte très facile à changer dans le HTML
• Il faut cliquer sur la carte pour voir s'afficher le texte
• C'est beau
• Pologne

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [11-12-2022 / 11-12-2022]

Caractéristiques

• CSS, JS, React.js, Gsap.js
• Ce script génère aléatoirement la couleur et la forme, du sapin et de ses décorations
• Londres

Image cliquable pour voir l'exemple

Références

Site web

Site de l'auteurb

[Créé / modifié] [11-12-2022 / 11-12-2022]

Caractéristiques

• CSS, JS
• Petite animation
• Petit poussin bien mignon
• Massachusetts, USA

Image cliquable pour voir l'exemple

Références

Site web

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

Caractéristiques

• CSS, JS
• Année facile à changer dans le Javascript
• Effet 'élastique' de la branche
• Il faut réduire la taille de l'animation pour qu'elle passe sur mobile (pour faire simple)
• Catalogne

Image cliquable pour voir l'exemple

Références

Site web

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

Caractéristiques

• CSS, JS, jQuery
• Rollover sur les oeufs
• Le clic sur un oeuf en change la couleur
• Londres, Angleterre

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [28-04-2022 / 28-04-2022]

Caractéristiques

• CSS, JS, jQuery
• Le trait rouge représente un oeuf, le "&" la poule
• Le texte en français doit être changé dans l'image SVG
• L'animation est originale
• Reykjavík, Islande

Image cliquable pour voir l'exemple

Références

Site web

Site de l'auteur

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

Caractéristiques

• CSS pur
• Texte facile à changer dans le HTML et le CSS.
• Animation: Le survol de la carte provoque son inclinaison et son ouverture
• Pas responsive mais vu la taille, ça passe
• Angleterre

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [18-05-2022 / 18-05-2022]

Caractéristiques

• CSS, JS, jQuery
• Texte facile à changer dans le HTML
• Animation: Il faut cliquer sur l'oeuf pour l'ouvrir
• Angleterre

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [18-05-2022 / 18-05-2022]

Caractéristiques

• CSS, JS, TweenMax.min.js, Physics2DPlugin.js, AnticipateEase.js
• Effrayant à souhaits !
• Le texte peut être changé facilement dans le HTML
• Hampshire, Grande Bretagne

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [12-12-2022 / 12-12-2022]

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

Références

Site web

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

Caractéristiques

• CSS, Creepster.js
• Tuggle Samonds Brenda, alias @Toni47, alias Lja
• Creepster.js peut être remplacé par une font adéquate

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [23-05-2022 / 23-05-2022]

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

Références

Site web

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

Caractéristiques

• CSS, JS rien d'autre
• Les petits coeurs circulent dans l'espace
• Le plus gros coeur rose attend le clic pour prendre vie: Il tourne, grossit et joue de la musique
• Voir le coeur sur poly.pizza
• Née en Pologne, habite en France

Image cliquable pour voir l'exemple

Références

Site web

Site de l'auteur

[Créé / modifié] [28-04-2022 / 28-04-2022]

Caractéristiques

• CSS, JS rien d'autre
• Les coeurs s'échappent de la souris
• C'est simple et on comprend bien
• Belgique

Image cliquable pour voir l'exemple

Références

Site web

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

Caractéristiques

• CSS pur
• Un petit coeur qui bat
• L'émotion de cette belle communion
• C'est mignon !
• Chennai, Inde

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [14-08-2022 / 14-08-2022]

Caractéristiques

• CSS, Normalize.css, JS
• Un coeur qui bat
• Il bat fort et vite, c'est presque violent
• Bon courage Valentine !
• Japon

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [06-06-2022 / 06-06-2022]

Caractéristiques

• CSS absolument pur
• Deux coeurs repliés l'un sur l'autre qui s'ouvrent au survol
• Un petit mot à l'intérieur
• Beaucoup de tendresse 'simplement exprimée'
• Irlande

Image cliquable pour voir l'exemple

Références

Site web

Site de l'auteur

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

Caractéristiques

• CSS, JS, jQuery, TwennMax, Physics2DPlugin.js
• Pas mal de dépendances
• Les coeurs s'échappent de l'enveloppe
• Le sourire affiché par l'enveloppe est un vrai plus
• Royaume-Uni

Image cliquable pour voir l'exemple

Références

Site web

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

Caractéristiques

• CSS pur
• Image statique
• Chacun son truc !
• Voir l'original
• Et sans doute celui-ci
• Portland, Maine, USA

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [06-06-2022 / 06-06-2022]

Caractéristiques

• CSS, Normalize.css, JS, jQuery
• Des coeurs et de la musique
• Un gros coeur attaché à la sourispour jouer avec les petits
• De la musique avec Elvis
• La Nouvelle-Orléans, Louisiane, USA

Image cliquable pour voir l'exemple

Références

Site web

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

Caractéristiques

• CSS pur
• Machine à rendre heureux
• J'achète tout de suite
• Danemark

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [06-06-2022 / 06-06-2022]

Caractéristiques

• CSS, JS, Zdog.dist.js
• On peut attraper la ville, la faire pivoter en mode 3D et la fixer
• Alexandria, Virginie, USA

Image cliquable pour voir l'exemple

Références

Site web

Site de l'auteur

[Créé / modifié] [23-05-2022 / 23-05-2022]

Caractéristiques

• CSS, JS, jQuery, Draggable.js, TweenMax.js
• Il faut saisir l'année et la mettre à la poubelle
• La poubelle digère, en tremblant, la suppression... et supprime... tout
• En ces temps de guerre, c'est terrifiant !
• Brookland, Washington D.C., USA

Image cliquable pour voir l'exemple

Références

Site web

Site de l'auteur

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

Caractéristiques

• CSS pur
• Animation discrète
• Bonne journée à l'homme de l'ombre qui anime votre écran
• Sympa !
• Sao Paulo - Brésil

Image cliquable pour voir l'exemple

Références

Site web

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

Caractéristiques

• CSS, Normalize.css, + images SVG
• Animation: Les fleurss bougent, les pétales clignotent et la souris change la couleur du pétale au survol
• Très délicat
• New York, USA

Image cliquable pour voir l'exemple

Références

Site web

Site de l'auteur

[Créé / modifié] [23-05-2022 / 23-05-2022]

Caractéristiques

• CSS, Normalize.css
• Animation: Grille pain, ravi, d'éjecter deux toasts
• À mettre tous les matins au petit déjeuner !

Image cliquable pour voir l'exemple

Références

Site web

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