h5如何切换背景图片

h5如何切换背景图片,第1张

h5切换背景图片的方法是:

1、在h5换背景网站中上传需要进行头发抠图的人物图片。

2、把图片中想保留的部分标记蓝色,想去除的部分标记红色,简单两笔,即可完成初步抠图。

3、此时图片为透明底色,如有需要点击左侧【背景色】按钮即可更换背景色,切换背景图片。

4、点击右上角【下载】按钮进行保存。h5是一系列制作网页互动效果的技术集合,即h5就是移动端的web页面。

html5中设置整页背景图片的方法是利用css3样式:

写法如下:

img.bg {

 /* Set rules to fill background */

 min-height: 100%

 min-width: 1024px

 /* Set up proportionate scaling */

 width: 100%

 height: auto

 /* Set up positioning */

 position: fixed

 top: 0

 left: 0

}

@media screen and (max-width: 1024px) { /* Specific to this particular image */

 img.bg {

   left: 50%

   margin-left: -512px  /* 50% */

 }

}

效果如:


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/11210610.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-14
下一篇 2023-05-14

发表评论

登录后才能评论

评论列表(0条)

保存