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

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

Carl Brison
5,00€

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
06m03s
Leçon 2Plus loin avec cette nouvelle connaissance
04m42s
Leçon 3Conclusion
59s

Avis des apprenants

Détail des avis
9
Apprenants
4
Commentaires
4,8/5
Note moyenne
5/5
3
4/5
1
3/5
0
2/5
0
1/5
0
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 ;-)
Valérie Crouau
Valérie Crouau
Publié le 13/04/2022
J'ai vraiment trouvé ce tuto extrêmement intéressant. Ce tuto est une excellente suite au tuto "Comment arrondir facilement des images en CSS". En effet, savoir qu'il faut partir d'une image carrée pour obtenir une image ronde est une notion importante, mais encore faut-il savoir comment transformer une image rectangulaire en une image carrée sans distorsion. Et ce tuto explique cette transformation de façon simple et précise. Merci encore Monsieur Carl Brison !
Lila Selatna
Lila Selatna
Publié le 11/11/2021
Simple et terriblement efficace !
Carl Brison
Carl Brison
Merci beaucoup ;-)))

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

Attendez ! 🤗

Accédez à plus de 1334 tutos gratuits

Notre politique de protection des données