Saturday, October 31, 2015

HOW TO CROP IMAGE WITH CSS


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