Accordéon full CSS3
ERROR
00:00
00:00

TUTO Accordéon full CSS3

Benoît Philibert
3,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Avec ce tuto sur les propriétés CSS 3 telles que box-shadow, vous allez apprendre à réaliser un Accordéon full CSS3 avec un effet de slide vertical descendant. Au cours de cette formation CSS (en vidéo), nous aborderons les points suivants :

  • text-shadow
  • box-shadow
  • les préfixes -webkit-, -moz-, -o-
  • transitions
  • border-radius

Les fichiers sources sont livrés avec le tuto !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Accordéon full CSS3

Plan détaillé du cours

Leçon 1Accordéon full CSS3
33m24s

Avis des apprenants

Détail des avis
150
Apprenants
4
Commentaires
4,8/5
Note moyenne
5/5
3
4/5
1
3/5
0
2/5
0
1/5
0
Dominique Van-Damme
Dominique Van-Damme
Publié le 30/04/2020
Explication simple et compréhensive pour un débutant. Merci pour ce tuto qui va me permettre de réaliser de meilleurs site
Valérie Arno
Valérie Arno
Publié le 11/10/2018
Du même avis que les 2 précédent, un peu brouillon mais intéressant tout de même de pouvoir faire ça rien qu'en CSS. Par contre les transitions ne fonctionnent pas et je n'ai pas trouvé pourquoi, vu que le code semble bon. Un peu dommage. Et comme dans le commentaire de Stephn (2011), j'aurai bien voulu savoir aussi fermer les onglets. Mais là je pense qu'il faut faire appel à jQuery. Si vous avez la solution avec le CSS je suis preneuse ;-) En tout cas merci pour ce tuto. Je voulais aussi signaler que le doctype pour le HTML5 n'est pas bon sur votre page. Il faut juste mettre ça : <!DOCTYPE HTML> et pour que les lettres accentuées soient prises en compte, il faut indiquer : <meta charset="utf-8"> et ça suffit pour avoir un affichage correct et valide.
Jcc33220
Jcc33220
Publié le 10/02/2012
simple et bien expliqué même si parfois un peu brouillon .. Merci

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

débutant

Attendez ! 🤗

Accédez à plus de 1330 tutos gratuits

Notre politique de protection des données