html/cssに画像をトリミングする機能はありますか？

Question

私は画像を切り抜いて、それに応じて自分のプロジェクトにhtml/cssを使って使いたいと思っています。私は写真エディタを使いたくない。

Answer 1

を参照してくださいここでは例です：

<div id="test"> 
<img id="image" src="LINK to Image"> 
</div> 

とCSSについて：

#test{ 
overflow: hidden; 
height: (number)px; 
width: (number)px; 
} 

#image{ 
position: relative; 
top: (number)px; 
left: (number)px; 
} 

ので（位置：相対）画像のは、あなたができるようになりますdivとの関係で上下に移動します。 divの高さと幅が作物領域になります。

希望するこれは役に立ちます

Answer 2

img { 
    position: absolute; 
    clip: rect(0px,60px,200px,0px); 
} 

それともCSS Display an Image Resized and Cropped