How to crop image with css.
Css
.crop{
width:200px;
height:200px;
overflow:hidden;
position:relative;
}
.crop img
{
width:500px;
margin-top:-100px;
margin-left:-150px
}
Html
<div class="crop"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKYxEv5NMJev3NA5HlFo4JGs-FgfWgc6W8NAv6-3zWZOs_Ne00Yzy8VIKKQEjvWaFSYnU6yQBGVW3zAFj2V5kNSAjQcR2FqCuR8rODWYTp_tnCMWVYTJKe6Zt5fLTRVbfPJKNr1sa0ti1k/s720-Ic42/Cedia%2525202002%252520glxi%252520auto%252520129%25252C000.-%252520-%2525201.jpg">
</div>
No comments:
Post a Comment