Créez une barre de compétence animée en CSS3
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO Créez une barre de compétence animée en CSS3

Adrien Gazaix
2,99€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans ce tuto vidéo CSS, nous allons voir comment créer une barre de compétence pour montrer par exemple le niveau que vous avez sur un logiciel ou un langage de programmation. Cela peut être intégré dans un CV en ligne.

Nous verrons des propriétés CSS3 qui nous permettront d'animer le background à l'intérieur de la barre mais aussi de l'animer elle-même lors de l'actualisation de la page.

Vous saurez à la fin de ce tuto comment créer une ou plusieurs barres de compétence très rapidement.Les sources sont fournies avec la vidéo.


Bon tuto !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Créez une barre de compétence animée en CSS3

Plan détaillé du cours

Leçon 1Créez une barre de compétence animée en CSS3
30m59

Avis des apprenants

Détail des avis
262
Apprenants
15
Commentaires
5/5
Note moyenne
5/5
15
4/5
0
3/5
0
2/5
0
1/5
0
Valérie Arno
Valérie Arno
Publié le 21/07/2024
Je suis ravie d'avoir suivi ce tuto qui m'a permis de réviser les animations avec keyframes. On oublie vite quand on ne manipule pas tout de suite. Ça fait des choses sympas, comme ces barres de compétences. Merci beaucoup et à bientôt :-)
Valérie Caruana
Valérie Caruana
Publié le 28/06/2024
très intéressant. merci par contre, l'expression "-webkit" engendre une erreur, j'ai dû le retirer pour ne plus avoir de message d'erreur dans la console.
Jean Villemont
Jean Villemont
Publié le 23/03/2023
un tuto bien utile, pour faire des cv en ligne c'est pratique merci

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

débutant

Payer plus tard

Prix d'achat : 2,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1400 tutos gratuits

Notre politique de protection des données