Comment créer un slider «n'importe quoi» avec juste CSS

Il était impensable de déployer un curseur sans JavaScript, mais dans ce court tutoriel vidéo, vous apprendrez à créer un curseur «tout» avec du CSS, pour présenter le type de contenu dont vous avez besoin..

Nous utiliserons CodePen pour ce projet, vous devrez donc faire attention à deux stylos. Tout d’abord, le stylo de base, que vous pouvez bifurquer pour aller de l’avant:

Ensuite, il y a le résultat final, que vous pouvez consulter sur CodePen. Alors, faites une copie du stylo de base, puis suivez la leçon vidéo ci-dessous pendant que nous construisons nous-mêmes un curseur!

Regarder le tutoriel

Regarder le cours complet

Ce n'était qu'un des projets inclus dans mon récent cours, 10 projets CSS3: UI et Layout. Dans le cours complet, vous allez créer dix projets d’interface utilisateur et de présentation qui vous aideront à apprendre les nouvelles techniques de conception impressionnantes apportées par CSS3 à la table, des onglets animés au cube 3D rotatif..