求助!html在里面添加背景图片代码,显示模糊,怎么搞?

求助!html在里面添加背景图片代码,显示模糊,怎么搞?,第1张

HTML 中要设置背景的块大小  比如div    300px * 400px

那么背景图的最佳尺寸也是 300px 400px

然后设置 background: url(imgs/your.jpg)  no-repeat  center center

背景水平垂直居中,效果最佳

css样式background属性值详解

背景图无论是缩放还是扩展,都会失真变得模糊,所以尺寸最接近块的大小最好

景图片模糊 这是属于图片处理了,要用PS。

也可以用CSS的滤镜来处理,

代码如下:

img {

-webkit-filter: blur(8px)

filter: blur(8px)

filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=8, MakeShadow=false)

}

以OPPO手机为例,把图片弄模糊的步骤是:

1、打开相册,找到需要设置的照片。

2、点击“编辑”。

3、往后拉找到“虚化”命令。

4、改变虚化的数值及形状后打钩即可。

OPPO是更多年轻人选择的拍照手机品牌。国产手机越来越受青睐,在中国,更多年轻人选择OPPO拍照手机。十年来,OPPO一直专注手机拍照的技术创新,开创了“手机自拍美颜”时代;如今,全球超过2亿年轻人正在使用OPPO拍照手机。据权威数据机构IDC统计,OPPO2016年已成为中国手机市场出货量第一品牌。2018年6月19日,OPPO在法国巴黎卢浮宫发布了“未来旗舰”OPPOfindX。9月27日,OPPO与中国文化传媒集团签约,入驻中国文化传媒新文创(IP)平台。OPPO将于2月23在西班牙巴塞罗那举行OPPO创新大会。


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

原文地址: http://outofmemory.cn/zaji/7015552.html

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

发表评论

登录后才能评论

评论列表(0条)

保存