Comment arrondir facilement des images en CSS
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO Comment arrondir facilement des images en CSS

Carl Brison
5,00€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans ce tuto CSS pratique, en vidéo, nous verrons comment arrondir une image et/ou ses angles uniquement grâce à CSS 3. Grâce à ces techniques, plus besoin de manipuler vos images en amont sur un logiciel de retouche ; CSS étant capable d'agir directement sur l'affichage de votre image.

Vous gagnerez ainsi en souplesse et pourrez modifier à tout moment l'arrondi des vos images.

Ce cours sera par exemple parfaitement adapté pour créer l'effet de photo arrondie très largement utilisé sur les avatars de profils sur Internet.

Au programme de ce tuto image arrondie en CSS

Voici ce que nous aborderons dans notre tutoriel :

  • Nous verrons comment arrondir les 4 angles d'une image.
  • Nous verrons comment arrondir un bord en particulier.
  • Nous verrons également comment créer une image ovale, en une seule ligne de code.
  • Et enfin, nous verrons comment créer une image parfaitement ronde, et tout cela grâce au CSS3 !

Ce tutoriel est destiné à ceux qui débutent en CSS et qui désirent apprendre une nouvelle technique directement applicable sur leur site web.

Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Arrondir les 4 angles d'une image
Leçon 2
Arrondir un bord en particulier
Leçon 3
Créer une image ovale parfaite
Leçon 4
Créer une image parfaitement ronde

Plan détaillé du cours

Leçon 1Arrondir les 4 angles d'une image
04m18s
Leçon 2Arrondir un bord en particulier
04m59s
Leçon 3Créer une image ovale parfaite
07m06s
Leçon 4Créer une image parfaitement ronde
03m35s

Avis des apprenants

Détail des avis
18
Apprenants
4
Commentaires
5/5
Note moyenne
5/5
4
4/5
0
3/5
0
2/5
0
1/5
0
Alain Tardif
Alain Tardif
Publié le 07/09/2023
Merci Carl, très agréable à suivre et vive le CSS3. Validé 100% #image-arrondie
Carl Brison
Carl Brison
Merci beaucoup Alain
Eric Reynaud
Eric Reynaud
Publié le 22/03/2023
Merci beaucoup Carl pour ce petit rappel CSS ! C'est toujours un plaisir. A bientôt, Eric.
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire, Eric ;-)
Valérie Crouau
Valérie Crouau
Publié le 13/04/2022
Excellent tuto qui permet de réviser les différents types d'arrondis. Merci Monsieur Carl Brison !
Carl Brison
Carl Brison
Avec plaisir MadameValérie ;-)

Vos questions sur le cours

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

CSS 3

Quel est le niveau requis pour suivre ce tuto ?

débutant

Payer plus tard

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

Notre politique de protection des données