Rendre n'importe quelle image ronde sans détruire ses proportions
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO Rendre n'importe quelle image ronde sans détruire ses proportions

Carl Brison
Promo -30% Jusqu'au 04 février, 23:59
3,49€4,99€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans ce tuto CSS, je vous propose de vous montrer comment il est possible de rendre n'importe quelle image ronde, mais surtout sans détruire ses proportions.
Cela sera très pratique pour intégrer une image d'avatar dans un cercle, au sein d'une interface web ou application. 

Beaucoup de développeurs plus ou moins expérimentés inventent tout un tas de lignes de code pour arriver à ce résultat. 
Cependant, un bon développeur n'est pas celui qui va totaliser le plus grand nombre de lignes de code, bien au contraire !

Vous allez voir qu'en 4 lignes seulement, nous serons capables de rendre n'importe quelle image ronde, sans jamais détruire ses proportions.
Si vous débutez en HTML et en CSS, je vous propose de devenir très à l'aise avec ses langages, de manière simple, rapide et efficace grâce à ce cours en ligne !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Rendre n'importe quelle image ronde sans détruire ses proportions
Leçon 2
Plus loin avec cette nouvelle connaissance
Leçon 3
Conclusion

Plan détaillé du cours

Leçon 1Rendre n'importe quelle image ronde sans détruire ses proportions
06m03
Leçon 2Plus loin avec cette nouvelle connaissance
04m42
Leçon 3Conclusion
59

Avis des apprenants

Détail des avis
65
Apprenants
6
Commentaires
4,9/5
Note moyenne
5/5
5
4/5
1
3/5
0
2/5
0
1/5
0
Jean-Philippe Mouzet
Jean-Philippe Mouzet
Publié le 03/01/2025
C'est comme dans tout, savoir garder les bonnes proportions, c'est important
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire
Alain Tardif
Alain Tardif
Publié le 03/01/2025
Merci Carl pour votre cours sur la propriété `object-fit` ! J'ai trouvé vos explications sur la façon d'arrondir parfaitement une image avec seulement quelques lignes de code très utiles. C'est génial de voir à quel point cette propriété peut simplifier le travail avec les images tout en maintenant leurs proportions. 😊 Validé 100%
Carl Brison
Carl Brison
Merci beaucoup Alain, pour votre commentaire très gentil ;-)
Jean-Paul Blanc
Jean-Paul Blanc
Publié le 29/07/2022
Bravo et merci de votre tuto
Carl Brison
Carl Brison
Merci beaucoup, c'est très gentil ;-)

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

CSS

Quel est le niveau requis pour suivre ce tuto ?

débutant

Payer plus tard

Prix d'achat : 3,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 1444 tutos gratuits

Notre politique de protection des données