Créer un cube en CSS
David Walsh s’amuse à créer un cube 3D en CSS. En chemin, on suit la logique de construction, on apprend ou on révise la 3D CSS et les animations.
Créer un effet Chillwave en SVG
Varun Vachhar recrée en SVG un effet chillwave initialement créé en sprite : enchaînement de courbes de Bézier, chemins en miroir, animation de la vague et touche finale, un beau boulot!
CSS animation : Star Wars
En synchro parfaite avec l'actualité, Donovan Hutchinson propose l'animation CSS de la bande-annonce du Réveil de la Force, mêlant animations, transformations, translations, rotations et 3D. Bel exercice de pédagogie créative.
Effets d'images CSS, 2 : lunettes 3D
Dans cet article, nous allons voir comment recréer l'effet d'une photo 3D en utilisant les blend modes et les transformations de CSS. Par Una Kravets, au top de sa créativité.
Diagrammes circulaires flexibles avec CSS et SVG
Lea Verou vient de publier un livre extraordinaire proposant des techniques CSS et SVG originales. Cet article est technique, mais l'approche, la méthode, la créativité sont une sacrée source d'inspiration!
Background révélé par des images coulissantes en CSS
Encore un tutoriel sympa de Dudley Storey : créez des images coulissantes révélant un background, en pur CSS, grâce à clip-path et transform / translate. Un effet simple, construit astucieusement comme toujours!
Animer avec les sprites SVG
Sarah Drasner montre ici comment utiliser les sprites SVG pour créer des animations complexes et responsives. De superbes exemples illustrent d'étonnantes possibilités d'animation, avec un code qui reste relativement simple.
Le morphing en SVG
L'animation d'un SVG avec CSS est facile, mais certaines propriétés SVG ne sont pas animables avec CSS. Chris Coyier montre ici comment réaliser simplement un morphing avec SMIL et Javascript.
Guide des animations SVG (SMIL)
Armez-vous de courage, voi ch'entrate... Voici le fameux guide de Sara Soueidan, pour tout savoir sur les animations SVG avec SMIL. Les animations SMIL permettent des choses impossibles avec CSS.
CSS animation, une introduction
Une présentation claire et vivante des animations CSS par Rachel Cope, avec exemples de code et présentation live sur CodePen. Un bon article pour apprendre ou pour réviser ses classiques.
Stores vénitiens 3D en CSS
Les variations sur cette transition ont longtemps été un pilier de jQuery. Toujours partant pour de nouveaux défis, Dudley Storey a imaginé une superbe solution 3D responsive en pur CSS.
SVG, style et animation avec CSS
Les articles de Sara Soueidan sont devenus une référence incontournable en matière de SVG. Sara passe ici en revue les étapes de l'application de styles et d'animation CSS aux SVG.
Portal CSS
Vous n'avez pas nécessairement besoin de JavaScript pour créer des projets 3D impressionnants. Ce projet de Donovan Hutchinson est une excellente introduction aux transformations et animations CSS, ludique et claire.
Créer des sphères en CSS
C'est l'été et nous avons de plus en plus l'impression d'être les seuls à travailler... Mais nous aussi nous pouvons faire des bulles, grâce à Donovan Hutchinson, maître des sphères.