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 !
- Fichiers sourcestélécharger
- Certificat
Formateur : Benoît Philibert
-
Explication simple et compréhensive pour un débutant. Merci pour ce tuto qui va me permettre de réaliser de meilleurs site
-
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.
-
Simple et bien expliqué même si parfois un peu brouillon .. Merci
-
Quel est le niveau requis pour suivre ce tuto ?débutant
note moyenne
avis laissés