Caractéristiques

• Script PHP
• 3 choix pour le visiteur: Carte simple; Carte pliante; Enveloppe assortie
• Version recto verso prévue

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [08-04-2016 / 22-11-2021]

Caractéristiques

• CSS pur
• Animation: Construction et envol d'un avion en papier
• Bravo !
• Citoyen de partout et de nulle part

Image cliquable pour voir l'exemple

Références

Site web

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

Caractéristiques

• CSS pur
• Animation: Les fleurs s'ouvrent, se fanent et les pétales tombent
• Citoyen du monde

Image cliquable pour voir l'exemple

Références

Site web

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

Caractéristiques

• CSS, 3 lignes de JS
• Animation: Les fleurs jaillissent, se bercent au vent léger, et le pollen s'envole
• Citoyen du monde

Image cliquable pour voir l'exemple

Références

Site web

Site de l'auteur

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

Caractéristiques

• CSS, JS
• On envoie des lignes verticales qui restent plus ou moins 'collées' à la surface, recréant l'image d'origine
• Il est possible de le faire avec sa propre image, c'est étonnant
• Paramètres: L'intervalle entre deux lignes verticales; La vitesse; Le temps de rétention
• France

Image cliquable pour voir l'exemple

Références

Site web

Site de l'auteur

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

Caractéristiques

• CSS pur
• Image statique
• Pas responsive, d'accord, mais c'est quand même super !
• Afrique du Sud

Image cliquable pour voir l'exemple

Références

Site web

Site de l'auteur

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

Caractéristiques

• CSS pur
• Il faut cliquer sur la poubelle, c'est tout !
• Cebu, Philippines

Image cliquable pour voir l'exemple

Références

Site web

Site de l'auteur

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

Caractéristiques

• CSS, JS
• Paramètres: Nombre de faces; Épaisseur du trait; Couleur; Vitesse de rotation
• Angers, France

Image cliquable pour voir l'exemple

Références

Site web

Site de l'auteur

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

Caractéristiques

• CSS, JS
• Animation: On a l'impression d'une fine toile cirée derrière laquelle tourne une lame
• Vancouver, Colombie Britannique

Image cliquable pour voir l'exemple

Références

Site web

Site de l'auteur

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

Caractéristiques

• CSS, Normalize.css, JS, Gsap.js, Howler.js, EventEmitter.js
• Animation: Une espèce de smiley à pattes descend du haut de l'écran et entame un refrain qui prend vite la tête
• Il est possible de lui mettre des lunettes, un chapeau et un noeud rose
• C'est très mignon... sans le son
• Madrid, Espagne

Image cliquable pour voir l'exemple

Références

Site web

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

Caractéristiques

• CSS pur
• Animation
• Grande Bretagne

Image cliquable pour voir l'exemple

Références

Site web

Site de l'auteur

[Créé / modifié] [22-11-2021 / 22-11-2021]

Caractéristiques

• CSS pur
• Animation. La lune vient cacher le soleil
• Plus la lune cache le soleil plus ce que l'on en voit devient orange
• Yokohama, Japon

Image cliquable pour voir l'exemple

Références

Site web

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

Caractéristiques

• CSS pur
• Animation bluffante
• On en vient à se dire mais pourquoi il n'y a pas de son ?
• Allemagne

Image cliquable pour voir l'exemple

Références

Site web

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

Caractéristiques

• CSS pur
• Animation. En même temps que le soleil se lève, les roseaux se réveillent !
• Née à WrocÅ‚aw en Pologne, habite Paris

Image cliquable pour voir l'exemple

Références

Site web

Site de l'auteur

[Créé / modifié] [22-11-2021 / 22-11-2021]

Caractéristiques

• CSS, JS, Three.js, Chroma.js, Gsap.js
• Animation
• Les balles rebondissent sur une table qui tourne puis tombent dans le vide
• Belgique

Image cliquable pour voir l'exemple

Références

Site web

Site de l'auteur

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

Caractéristiques

• CSS pur
• Image statique
• Voir l'image originale
• Beaucoup d'autres exemples sur le site de l'auteur, un autre ci-après
• Malaisie

Image cliquable pour voir l'exemple

Références

Site web

Site de l'auteur

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

Caractéristiques

• CSS pur
• Portrait statique de Dwayne Johnson (The Rock)
• Beaucoup d'autres exemples sur le site de l'auteur, voir ci-dessus
• Malaisie

Image cliquable pour voir l'exemple

Références

Site web

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

Caractéristiques

• CSS pur
• Animation
• Paramètres: Vitesse et opacité
• Munster, Allemagne

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [22-11-2021 / 22-11-2021]

Caractéristiques

• CSS, JS, Three.js, OrbitControls.js
• Animation
• On peut faire pivoter l'image avec la souris ou avec les doigts
• On peut changer la taille de la forme avec la molette de la souris ou en pinçant avec les doigts
• On peut arrêter, relancer l'animation
• Superbe !
• Mexicain habitant en Allemagne

Image cliquable pour voir l'exemple

Références

Site web

Site de l'auteur

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

Caractéristiques

• CSS, JS, Processing.js
• 4 vitesses d'animation
• La vitesse se règle par personnage

Image cliquable pour voir l'exemple

Références

Site web

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

Caractéristiques

• CSS, JS, Three.js
• Animation
• Diverses réglages : Vitesse du vent; Densité des flocons; Taille; Opacité
• Superbe !
• Blair, Nebraska, USA

Image cliquable pour voir l'exemple

Références

Site web

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

Caractéristiques

• CSS, JS, rien d'autre
• Animation
• Diverses émotions : Content; Triste; En colère; Choqué; Riant; Dormant
• Pennsylvanie, USA

Image cliquable pour voir l'exemple

Références

Site web

Site de l'auteur

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

Caractéristiques

• CSS, JS
• Animation
• Le carré est réduit en poussière
• Suède

Image cliquable pour voir l'exemple

Références

Site web

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

Caractéristiques

• CSS, Normalize.css
• Animation
• Le cube et 27 éléments en mouvenment
• Orlando, Floride, USA

Image cliquable pour voir l'exemple

Références

Site web

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

Caractéristiques

• CSS pur (ni HTML ni JS)
• Animation: Un crayon écrit puis efface en permanence
• Nouveau tonneau des Danaïdes

Image cliquable pour voir l'exemple

Références

Site web

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

Caractéristiques

• CSS, JS, dat.gui.js
• Animation
• Diverses réglages : Ondulation ; Nombre de sihouettes; Taille
• Japon

Image cliquable pour voir l'exemple

Références

Site web

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

Caractéristiques

• CSS, JS, Modernizr.js
• Vidéo d'arrière-plan en plein écran avec HTML5
• Javascript pour créer un effet de couverture et les redimensionnements, Modernizr pour une image de repli pour les appareils tactiles.
• Angleterre

Image cliquable pour voir l'exemple

Références

Site web

Site de l'auteur

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

Caractéristiques

• CSS pur
• Image statique: Uniquement en HTML et CSS
• Utilisation de la propiété CSS 'clip-path'
• Austin, Texas, USA

Image cliquable pour voir l'exemple

Références

Site web

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

Caractéristiques

• CSS pur
• Image statique: Uniquement en HTML et CSS
• Regarder l'image d'origine de Freddie Mercury

Image cliquable pour voir l'exemple

Références

Site web

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

Caractéristiques

• CSS, Normalize.css, JS
• Pimskie, alias Pimmol
• Animation: L'image de départ est un oiseau de toutes les couleurs en plein vol
• Rotterdam, Pays-Bas

Image cliquable pour voir l'exemple

Références

Site web

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

Caractéristiques

• CSS pur
• Un homme fait un selfie sur la plage
• Il bombe le torse tellement il se trouve beau
• Hyderabad, Inde

Image cliquable pour voir l'exemple

Références

Site web

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

Caractéristiques

• CSS pur
• Une bougie souffle la flamme de sa voisine, plus petite
• Ce n'est pas grave, avec un peu de concentration la flamme se rallume
• Hyderabad, Inde

Image cliquable pour voir l'exemple

Références

Site web

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

Caractéristiques

• CSS pur
• Les bulles, carrées au départ, s'élèvent vers le ciel en s'arrondissant et en diminuant en opacité
• Animation agréable, douce et joliment colorée
• Kolkata, Inde

Image cliquable pour voir l'exemple

Références

Site web

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

Caractéristiques

• CSS, JS, Camera.js
• Forme 3D manipulable
• Dhaka, Bangladesh

Image cliquable pour voir l'exemple

Références

Site web

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

Caractéristiques

• CSS pur
• Animation
• Les pages d'un livre se tournent
• Pas responsive

Image cliquable pour voir l'exemple

Références

Site web

Site de l'auteur

[Créé / modifié] [22-11-2021 / 22-11-2021]

Caractéristiques

• CSS pur
• Animation
• Une boîte s'ouvre, en sort une boîte... à l'infini

Image cliquable pour voir l'exemple

Références

Site web

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

Caractéristiques

• CSS pur
• Animation
• Les chocs sont biens traduits
• Le pendule est présenté en 3D. Il est impossible d'intervenir
• Amit Shenn propose toujours d'excellentes animations en CSS

Image cliquable pour voir l'exemple

Références

Site web

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

Caractéristiques

• CSS pur
• Animation
• Un homme est proposé dans 3 états: Immobile, marchant, courant
• Tout ça en 3D. Il est possible de faire tourner cet homme
• Amit Shenn toujours excellente en CSS/3D
• Voir aussi, dans le même esprit, un cheval qui court

Image cliquable pour voir l'exemple

Références

Site web

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

Caractéristiques

• CSS pur
• Image statique
• Illusion d'une balle

Image cliquable pour voir l'exemple

Références

Site web

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

Caractéristiques

• CSS pur
• Animation
• Le visage, portrait de l'auteur, est décomposé en formes géométriques qui se colorent aléatoirement.
• En passant le curseur ou le doigt, dessus, vous remttez la couleur d'origine
• New York, USA

Image cliquable pour voir l'exemple

Références

Site web

Site de l'auteur

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

Caractéristiques

• CSS pur
• Animation
• Deux visages extrêmes de l'homme : Triste ou enjoué. À vous de choisir
• Cachemire, Inde

Image cliquable pour voir l'exemple

Références

Site web

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

Caractéristiques

• iFrame (PHP)
• Comme le nom l'indique le smiley change chaque jour
• Pas de publicité
• Smileys en fonction de la période: Par exemple, à Noel: smileys de Noel

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [24-10-2013 / 22-11-2021]

Caractéristiques

• CSS, JS, Three.js
• Animation 3D manipulable
• Assez impressionnant !

Image cliquable pour voir l'exemple

Références

Site web

Voir toutes les animations

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

Caractéristiques

• CSS pur
• Animation
• Le portrait se construit par petites touches, presque par empilement
• Hongrie

Image cliquable pour voir l'exemple

Références

Site web

Site de l'auteur

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

Caractéristiques

• CSS pur
• Paramétrer l'expression du visage: yeux, sourcils, bouche
• Paramétrer la couleur du personnage en même temps que s'effectue un changement de chevelure
• Tokyo, Japon

Image cliquable pour voir l'exemple

Références

Site web

Site de l'auteur (en japonais)

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

Caractéristiques

• CSS, JS, jQuery
• Upload d'une image puis visualisation de celle-ci
• Très pratique
• Grèce

Image cliquable pour voir l'exemple

Références

Site web

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

Caractéristiques

• Script Javascript
• Le blinkie change chaque jour
• Paramètres: Police, taille, couleur
• Beaucoup d'autre services sur ce site dont pour les images: Le fond'écran du jour et le gif animée du jour

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [09-04-2006 / 22-11-2021]

Caractéristiques

• CSS, JS, SVG.js, SaveSvgAsPng.js
• Génération aléatoire d'images
• Télécharement de l'image au format SVG ou PNG
• Voir les autres générateurs sur le "site web"
• Grande-Bretagne

Image cliquable pour voir l'exemple

Références

Site web

Site de l'auteur

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

Caractéristiques

• CSS, JS
• Animation
• Le Javascript est uniquement destiné au son
• Designed by Gustavo Viselner
• Pologne

Image cliquable pour voir l'exemple

Références

Site web

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

Caractéristiques

• CSS, JS, 3D-Noise.js, Three.js, OrbitControls.js
• Je connaissais le trou noir mais pas le trou blanc. C'est troublant !
• On a l'impression d'être aspiré, ce n'est pas très agréable
• Japon

Image cliquable pour voir l'exemple

Références

Site web

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