Contenir une image avec des dimensions prédéfinies sans la déformer
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO Contenir une image avec des dimensions prédéfinies sans la déformer

Adrien Gazaix
0,99€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans cette astuce CSS en vidéo, nous allons voir ensemble 2 façons différentes pour contenir une image avec des dimensions prédéfinies, par exemple 300px x 200px et bien sur que celle-ci ne soit pas du tout déformée.
En effet, l'image va s'adapter pour combler parfaitement le rectangle.
Les sources sont fournies avec le tutoriel.

Bon tuto !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Contenir une image avec des dimensions prédéfinies sans la déformer

Plan détaillé du cours

Leçon 1Contenir une image avec des dimensions prédéfinies sans la déformer
15m32

Avis des apprenants

Détail des avis
114
Apprenants
5
Commentaires
5/5
Note moyenne
5/5
5
4/5
0
3/5
0
2/5
0
1/5
0
Philippe Piatti
Philippe Piatti
Publié le 29/04/2020
Un grand merci pour ton éclairage si précieux ce tuto très utile ma permis de faire le tour de toute la problématique concernant la couverture des images et ses contraintes... , j'en profite pour te remercier également pour ta réponse concernant la nouvelle interface de Google fonts car j'étais un peu perdue ;)
Philippe Morselli
Philippe Morselli
Publié le 28/04/2020
Excellent, je vais gagner du temps de traitement d'image. Super technique.
Adrien Gazaix
Adrien Gazaix
Hello ! Oui j'avoue c'est vraiment top comme technique :)
Pascal Grassellini
Pascal Grassellini
Publié le 18/04/2020
yesss je ne connaissais pas. Merci :=)

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

Que contient le fichier source ?

Les fichiers de départ pour démarrer en même temps que le tuto, ainsi que les fichiers finaux pour s'y reporter si jamais vous avez un problème.

Attendez ! 🤗

Accédez à plus de 1422 tutos gratuits

Notre politique de protection des données