资讯专栏INFORMATION COLUMN

css设置背景模糊

JeOam / 2024人阅读

摘要:使用属性来设置模糊值效果样式结构背景模糊,文字清晰显示

使用filter属性来设置模糊值

效果:

 

css样式:

 


 

HTML结构:


    

背景模糊,文字清晰显示

  

 

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/1667.html

相关文章

  • 页面顶部背景图片如何设置上半部分为毛玻璃效果

    摘要:第二层要设置毛玻璃高度,和。要添加的背景图片实际高度为最终展示的毛玻璃高度设置为后,若不设置,由于是空的,导致为毛玻璃高度要比最终的高度大才行上移设置和是为了左右边缘也模糊度好设置模糊度在和下显示都,在中没有模糊效果,添加即可。 恩,我希望得到下图这种效果。showImg(https://segmentfault.com/img/bVGosE?w=1919&h=400); 看起来so ...

    plus2047 评论0 收藏0
  • css揭秘笔记——视觉效果

    摘要:实现染色效果的混合模式是,它会保留上层元素的高亮信息,并从它的下层吸取色相和饱和度信息。当我们只有一个背景图像及一个透明背景色时,就不会有任何混合效果。 投影 知识点 box-shadow: [inset]? 注意: 在元素正下方的投影被裁切掉了,是没有的;而text-shadow不同,文字下方的投影不会被裁切。 box-shadow的第三个参数是模糊半径,假如设置4px...

    skinner 评论0 收藏0
  • CSS3 新特性

    摘要:语法说明对象选择器投影方式轴偏移量轴偏移量模糊半径阴影扩展半径阴影颜色内阴影,向右偏移,向下偏移,模糊半径,阴影缩小属性的参数设置取值阴影类型此参数可选。 CSS3 是最新的 CSS 标准,并且完全向后兼容,不过目前W3C 仍然在对 CSS3 规范进行开发,虽然标准的规范还没有正式发布,但是现代浏览器已经支持相当多的 CSS3 属性了。CSS3 提供了很多可以把玩的新特性,模糊了之前只...

    justjavac 评论0 收藏0
  • CSS3新特性的概述

    摘要:的新特性大致分为以下六类选择器边框与圆角背景与渐变过渡变换动画下面分别说一说以上六类都有哪些内容选择器基本选择器基本选择器又分为子选择器相邻兄弟选择器通用兄弟选择器群组选择器属性选择器为带有属性的元素设置样式为属性的元素设置样式选择属性值包 CSS3的新特性大致分为以下六类 1.CSS3选择器 2.CSS3边框与圆角 3.CSS3背景与渐变 4.CSS3过渡 5.CSS3变换 ...

    Zachary 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<