程序员人生 网站导航

Css等比例缩放图片后截取图片中的一部分

栏目:htmlcss时间:2014-02-13 12:56:16

因为在做一个简单的相册功能,做相册封面的时候我考虑了几种方法使用PHP在图片的缩略图上取出正方形的一块,但是Google一下后发现有更简单粗暴有效的使用纯CSS实现的方法

截取前:

css截取图片

截取后:

css截取图片

CSS代码:

<img src="1.jpg" style="clip:rect(10px 100px 90px 20px);position: absolute;width: 100px;" />
------分隔线----------------------------
------分隔线----------------------------

最新技术推荐