Wie man ein Bild von css

Question

formt Eine schwierige Aufgabe, die mir zugewiesen wird.

Mein Problem ist ich habe ein Squire Bild, aber ich Corp in von der rechten Seite wenig.

Bitte beachten Sie das Beispiel, was ich genau will.

Mein erstes Originalbild enter image description here

möchte ich diese Art von beschnittene Bild von der rechten Seite enter image description here

Und dieses Bild ist wandelbar von Back-End, also können wir nicht gesetzt von css.

Bitte helfen Sie mir, wie Sie dieses Bild aus css zuschneiden.

Dank

Answer 1

div { 
 
    transform: skewX(-10deg); 
 
    overflow: hidden; 
 
    display: inline-block; 
 
    padding-left: 3%; 
 
    margin-left: -6%; 
 
} 
 

 
img { 
 
    transform: skewX(10deg) translateX(6%); 
 
}

<div> 
 
    <img src="https://i.stack.imgur.com/2vEDo.jpg"> 
 
</div>