国内最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2
您当前位置:首页 > web前端 > htmlcss > Css等比例缩放图片后截取图片中的一部分

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

来源:程序员人生   发布时间:2014-02-13 12:56:16 阅读次数:3702次

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

截取前:

css截取图片

截取后:

css截取图片

CSS代码:

<img src="1.jpg" style="clip:rect(10px 100px 90px 20px);position: absolute;width: 100px;" />
生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生
------分隔线----------------------------
分享到:
------分隔线----------------------------
为码而活
积分:4237
15粉丝
7关注
栏目热点
关闭
程序员人生