Pouvez-vous redimensionner une image à un pourcentage compris dans un pourcentage en utilisant uniquement 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!