Cet article fait suite au précédent sur les meilleurs projets que j’ai pu trouver sur Codepen. Il s’agit essentiellement de projets en CSS, de projets qui viennent soit pousser le code à ses limites, soit utiliser des fonctions de base mais de manière surprenante ! Sans plus tarder, voici les 5 suivant de la liste:

Netflix Intro Animation

Commençons par un assez rigolo. Ici, @claudio_bonfati nous recrée l’animation d’introduction de Netflix. Aucune fonction très poussée ni compliquée, mais une utilisation très intelligente et un travail minutieux permettent ce résultat bluffant. On entendrait presque un petit « toudoum » venir du fond de nos hauts parleurs.

Alto’s landscape

Là encore, aucune fonction poussée mais un dessin très bien réalisé. @vastrideside se permet même une petite animation avec des effets de parallaxe afin de créer un meilleur effet de profondeur. L’execution des formes arrondies des rochers est très bien réalisée et les flous créent un bel effet. On se laisse porter, un parfait écran de veille.

Codepen Pastry

Le genre de projets que j’aime !! Non content d’avoir très bien dessiné ce gateau d’anniversaire, @ShadowShahriar nous rajoute des petits toggles sur le côté afin de pouvoir changer le type de gateau avec une petite animation. Un très beau cadeau pour son amie !

Art Gallery

Sans doute un des plus impressionnants. Ici @ivorjetski ne se contente pas d’afficher ses plus belles oeuvres en CSS (qui sont déjà pour le moins impressionnantes). Il les affiche dans une galerie en CSS en 3D. Et dans laquelle on peut se déplacer. Et avec des petits easter eggs, comme ce light switch qui fonctionne. Le code est parfaitement maîtrisé et le rendu est impressionnant !

Tilting Maze

Bon, on a vu des projets Codepen incroyables en pur CSS donc difficile à ce stade de faire mieux pour cet article, que diriez-vous d’un peu de javascript pour changer et se détendre ? Dans ce pen de @HunorMarton, vous devez jouer avec la gravité pour faire arriver toutes les billes au centre. Facile ? Pas de soucis, si vous y arriver un niveau plus ardu vous attend ! À vous de jouer !

Je vous laisse sur celui là, et on se retrouve très bientôt !