Un mois sans article ! Heureusement que les vacances me donnent une bonne excuse 🙂
Ce court article pour relayer un tutoriel diffusé sur Alsacréations qui vous permettra de créer un volet coulissant grâce à la pseudo-classe :target et à la propriété transition en CSS3.

Dans ce tutoriel divisé en deux grosses étapes, vous apprendrez à faire apparaître un volet tout en transition (de manière animée et fluide).

Démonstration du volet en train de s'ouvrir.

L’utilisation de :target permet de rendre la fonctionnalité accessible au clavier, et vous permet de partager une URL pourvue de l’ancre permettant d’afficher directement le volet ouvert.

Vous trouverez sur la page du tutoriel les codes et démonstrations nécessaires à la bonne réalisation de cet objet.

Bonne lecture ! 😉

PS : merci à Raphaël pour la base de travail !

Liens utiles et sources