Css 是否存在向文件夹中的所有图像添加背景图像的Grunt任务? 出身背景
我有一个网站的大量员工图片。每个都是头像,头部周围的区域是透明的: 在网站上,我对每个Css 是否存在向文件夹中的所有图像添加背景图像的Grunt任务? 出身背景,css,image,gruntjs,Css,Image,Gruntjs,我有一个网站的大量员工图片。每个都是头像,头部周围的区域是透明的: 在网站上,我对每个img应用背景图像 <img class="employee" src="employee_x.jpg" /> .employee { background:url('employee_background.jpg') center center / cover; } 是否有一项繁重的任务可以帮我完成此任务?回答 不幸的是,目前还没有grunt插件可以做到这一点。听起来像是PhotoS
img
应用背景图像
<img class="employee" src="employee_x.jpg" />
.employee {
background:url('employee_background.jpg') center center / cover;
}
是否有一项繁重的任务可以帮我完成此任务?回答
不幸的是,目前还没有grunt插件可以做到这一点。听起来像是PhotoShop操作(批处理)或Imagemagick脚本的工作。史蒂夫,我一直在看Imagemagick,它看起来虽然在覆盖层方面很好,但在底层方面却不太好。我想,我的覆盖层需要是Imagemagick“背景”,这样才能保持大小?您以前是否以这种身份与Imagemagick合作过,是否可以向我介绍任何具体的资源?
employees/john_smith.png
employees/sally_norton.png
employees/bill_miller.png
employees/employee_background.jpg
---->
employees/production/john_smith.png
employees/production/sally_norton.png
employees/production/bill_miller.png
employees/production/employee_background.jpg