0$ C'est gratuit

Tuto Barre sociale en css avec CSS

0$ C'est gratuit

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

Dans ce tuto CSS, apprenez à créer une barre sociale (également appelé signet ou bookmark) facilement en CSS3.

Dans un premier temps, nous verrons la mise en place générale de notre menu puis nous appliquerons dans un cas concret les nouvelles propriétés CSS3. Notions abordées dans ce tutorial :

  • Les listes non-ordonnées
  • propriété z-index
  • propriété opacity
  • propriété transition
  • ...

Je répondrai rapidement à toutes vos questions. Bon tuto!


Formateur : Jérémy Dumoulin

Jérémy Dumoulin a publié 6 tutoriels et obtenu une note moyenne de 4,5/5 sur 9 987 tutoriels vendus. Voir les autres formations de Jérémy Dumoulin

4,3
note moyenne

24
avis laissés
5 étoiles
13
4 étoiles
7
3 étoiles
3
2 étoiles
0
1 étoile
1
  • 4
    avis de valerie-a77 laissé le 23/09/2018
    Un peu de tatonnement et de désordre mais on arrive à un final opérationnel. Ce tuto doit dater ou bien le doctype et le meta charset ne sont pas bon. <!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01 Translation//EN" "http://www.w3.org/TR/html4/loose.dtd"> <head> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> ------------------- Il aurait fallu mettre simplement : <!DOCTYPE HTML> <html lang="fr"> <head> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta charset="utf-8"> <link rel="stylesheet" href="styles.css" type="text/css" /> </head> Hormis ce détail, j'aime bien le mouvement "caché-montré" des icones. Hélas comme les autres l'ont signalé, la transition ne fonctionne pas. On peut aussi (à l'heure actuelle du html5) éviter les images et les remplacer par des fontawesome (https://fontawesome.com/) qui fonctionne avec des class. En tout cas merci pour ce tuto,

  • 4
    avis de membre-1247-3447 laissé le 06/04/2017
    Super tuto par contre l'animation en transition ease ne fonctionne pas. dommage.

  • 5
    avis de Enfantlune laissé le 15/08/2014
    Exactement ce que je cherchais.

accédez à plus de 1155 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données