TUTO Contenir une image avec des dimensions prédéfinies sans la déformer sur Tuto.com

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

Un cours de

0,99€

5,0

15m32

Débutant

Fichiers sources

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Présentation
Table des matières

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

Table des matières

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

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

Publié le 28/04/2020

Excellent, je vais gagner du temps de traitement d'image. Super technique.

Adrien Gazaix

Hello ! Oui j'avoue c'est vraiment top comme technique :)

Pascal Grassellini

Publié le 18/04/2020

yesss je ne connaissais pas. Merci :=)

Bundle

Retrouvez ce cours dans le bundle :

Promo -17%

Formateur

4,9

Voir ses cours

Prérequis

Débutant

Accessibilité

Sous-titres disponibles

Ressources téléchargeables

Fichiers sources (185.88 Ko)

Catégories

Programmation CSS Image

Cours publié le 12/04/2020
Langue : Français
ID : 140451

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.

+ 1,000,000 d’apprenants et d’entreprises se forment au quotidien sur Tuto.com

Paiement 100% sécurisé

Ce certificat garantit la sécurité de toutes vos connexions par cryptage.

Besoin d’aide ?

Notre équipe répond à vos questions du lundi au vendredi de 10h à 12h et de 14h à 16h.
Support par e-mail ou par téléphone au 01 84 80 80 29.