10 démos sympas de CodePen (septembre 2024)

Temani Afif a créé un astuce CSS qui présente une encoche animée qui s'adapte à la position de l'avatar en utilisant seulement quelques lignes de code HTML et CSS. Rafa a développé une démo interactive qui affiche l'heure de la journée en utilisant une baguette mobile, offrant une expérience personnalisée basée sur l'heure de l'ordinateur. Ksenia Kondrashova a expérimenté avec des shaders pour créer une animation de distorsion de pixels légère qui peut être personnalisée pour différents effets. Guillaume Martigny a créé une forêt infinie de sapins en utilisant Pencil.js, une bibliothèque de dessin 2D JavaScript qui crée un effet 3D apaisant. Grant Jenkins a créé une belle animation de bugs dansants en utilisant JavaScript, avec des détails lisses et amusants. Mergim Ujkani a créé une version animée du logo Docker en utilisant uniquement HTML et CSS, avec une baleine qui nage et saute dans l'océan. Mariana Beldi a développé une démo d'animation déclenchée par le défilement qui crée une expérience de défilement lisse avec des éléments qui bougent, rétrécissent et s'estompent. Gibson a créé un composant de compteur de médailles olympiques en utilisant React et Framer Motion, qui pourrait faire un joli widget sur un site web sportif. Jon Kantner a développé un widget d'enregistrement qui s'anime à chaque interaction de l'utilisateur et au fil du temps. yuanchuan a créé une animation de rotation hypnotique en utilisant SVG et CSS, avec un code incroyablement simple.