TUTO Accordéon full CSS3 sur Tuto.com

Accordéon full CSS3

Problème de lecture

Cette vidéo ne semble pas disponible

00:00

00:00

Sous-titres non disponibles

Un cours de

2,99€

4,8

33m24

Débutant

Fichiers sources

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Présentation
Contenu

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

Plan détaillé du cours

Leçon 1Accordéon full CSS3

33m24

Avis des apprenants

Détail des avis

180

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

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

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

Publié le 10/02/2012

simple et bien expliqué même si parfois un peu brouillon .. Merci

Formateur

4,7

Voir ses cours

Prérequis

Débutant

Accessibilité

Sous-titres non disponibles

Ressources téléchargeables

Fichiers sources (73.21 Ko)

Catégories

Programmation CSS Menu

Cours publié le 20/06/2011
Langue : Français
ID : 19797

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

débutant