1,30

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

1,30

  • Une formation vidéo de 15m32s
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
Contenir une image avec des dimensions prédéfinies sans la déformer

ajouter ce cours aux favoris retirer ce cours des favoris

Retrouvez cette formation dans le bundle :

Bundle CSS : 10 astuces & exercices pour vous perfectionner

-17% de réduction

voir les détails du bundle


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 !


Formateur : Adrien Gazaix

Adrien Gazaix a publié 201 tutoriels et obtenu une note moyenne de 4,8/5 sur 61 364 tutoriels vendus. Adrien Gazaix est un formateur certifié tuto.com. Voir les autres formations de Adrien Gazaix

5,0
note moyenne

5
avis laissés
5 étoiles
5
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de membre-3200-4567 laissé 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 ;)

  • 5
    avis de fiffo laissé le 28/04/2020
    Excellent, je vais gagner du temps de traitement d'image. Super technique.
    "Hello ! Oui j'avoue c'est vraiment top comme technique :)"

  • 5
    avis de grassel laissé le 18/04/2020
    Yesss je ne connaissais pas. Merci :=)

  • 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.
Parcours Developpeur Front End
accédez à plus de 1408 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données