$ 3.00

Tuto Accordéon full CSS3 avec CSS

$ 3.00

  • Une formation vidéo de 33m24s
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

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 !


Formateur : Benoît Philibert

Benoît Philibert a publié 28 tutoriels et obtenu une note moyenne de 4,3/5 sur 14 617 tutoriels vendus. Voir les autres formations de Benoît Philibert

4,7
note moyenne

3
avis laissés
5 étoiles
2
4 étoiles
1
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 4
    avis de valerie-a77 laissé 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.

  • 5
    avis de jcc33220 laissé le 10/02/2012
    Simple et bien expliqué même si parfois un peu brouillon .. Merci

  • 5
    avis de stephn laissé le 13/10/2011
    Salut, ton tuto est tres clair, je t'ai mis 5/5. Eventuellemnt une petit question, j'essaie de faire une petite modif dedans. J'aimerais que les "boites" s'ouvre/se ferme au clic. Avec quelle propriété se serait possible? ici ton code: .container :hover h2 a{ text-decoration:none; } .container :hover h2 + div{ height:250px; } Merci si tu as le temps de me repondre. Je vais essayer de trouver sur le net. Bonne continuation.

  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
accédez à plus de 1155 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données