Maison  >  Article  >  interface Web  >  Pouvez-vous redimensionner une image à un pourcentage compris dans un pourcentage en utilisant uniquement CSS ?

Pouvez-vous redimensionner une image à un pourcentage compris dans un pourcentage en utilisant uniquement CSS ?

Patricia Arquette
Patricia Arquetteoriginal
2024-10-30 22:25:02389parcourir

Can you Resize an Image to a Percentage Within a Percentage Using Only CSS?

Redimensionnement d'image CSS : atteindre des pourcentages dans les pourcentages

Redimensionner une image à un pourcentage de ses dimensions d'origine peut sembler un défi avec CSS seul . Cependant, étonnamment, cela est possible grâce à deux méthodes innovantes.

Méthode 1 : Transformation visuelle

Cette méthode permet de redimensionner visuellement l'image sans altérer ses dimensions réelles. L'image résultante sera centrée dans sa taille d'origine.

<code class="css">img {
  transform: scale(0.5);
}</code>

L'application de ce CSS à une image, telle que l'image d'espace réservé ci-dessous, la réduira visuellement à 50 % de sa taille d'origine :

<code class="html"><img src="https://via.placeholder.com/300x200" /></code>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn