243 votes

Comment "recadrer" une image rectangulaire en un carré avec CSS ?

Je sais qu'il est impossible de modifier réellement une image avec CSS, c'est pourquoi j'ai mis crop entre guillemets.

Ce que j'aimerais faire, c'est prendre des images rectangulaires et utiliser le CSS pour les faire apparaître carrées sans déformer l'image du tout.

J'aimerais essentiellement tourner ça :

enter image description here

Dans ça :

enter image description here

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X