使用css做出背景亚克力效果

1.一般背景如果做成亚克力效果就非常好看，直接看代码

位置我按照自己的调的，自己根据自己的效果调

1.1 这是普通的背景透明使用添加background-color: rgba(201, 129, 35, 0.7); 或者opacity：透明度

结果为：

单纯做背景透明使用rbga更好，这样在背景透明的div的里面如果添加文字就不会使其文字透明，就是这个过程不能添加动画效果，
opacity可以添加动画效果，单纯做背景透明里面没有任何文字需要添加动画效果，选择opacity做背景透明，需要背景颜色的添加background-colorf辅助，rgba就显得简单多了

1.2 现在就是我们的亚克力效果了

   只需要添加一句   backdrop-filter: blur(14px) saturate(150%);

blur(模糊度) saturate（颜色冷暖度）

使用css样式做出亚克力背景和透明背景相关推荐

html5css字体下划线,如何利用css样式做出文字的下划线？
如何利用css样式做出文字的下划线? 在将网页设计完成后,接下来就需要前端和后端工程师的配合,来将网页正式上线了.但是身为网页设计师,还是有必要掌握一些前段知识的,主要指html5和css3,在招聘网 ...
html页面左右布局透明背景,HTML透明背景
我想创建一个透明背景,表格和一些文本的网页.我见过与此相关的帖子,但由于我对css不熟悉,我不知道怎么办我的代码才能运行.我只想要一个透明的背景,而这段代码让一切都变得透明.有人可以帮助. Toll ...
ps将背景变成透明背景
算是自己的制作网站的一点记录吧最近一直在做网站前端,也顺便用ps给自己做logo,稍微讲一下用图片填充纯色字体背景并将图片做成透明的 1.打开ps,新建图层 2.编辑文字 3.进行图片填充文字背景( ...
如何使用CSS为文本或图像提供透明背景？
仅使用CSS,是否可以使background元素的元素半透明,但元素的内容(文本和图像)不透明? 我想在不将文本和背景作为两个单独的元素的情况下完成此操作. 尝试时: p {position: abs ...
PS 技术篇-使用ps修改图片、照片背景为透明背景实例演示
话不多说先看效果图: 第二张是我的原始图片,第一张就是我修改后的效果图. 我们先右键调出魔棒工具,点一下图中的头像位置,就会自动来识别并圈出图形,从图中可用看出虚线正好包围了冯巩的头像. 然后我们用快 ...
PS把图标背景变为透明背景
步骤: 1.用PS打开目标文件. 2.找到目标图标所在图层,点击像眼睛的图标,启用图层 3.去掉不需要的图层,比如把背景图层停用,效果如图 4.选择裁剪工具,截取目标图标,如图截取目标.截取好后,鼠 ...
JAVA版opencv透明,opencv 替换纯色背景为透明背景
最近在开发抠图项目,有个同事想抠除一种颜色,这个用opencv就很简单了,我用的opencv3,正好有foreach可以用,
手把手学习Vue3.0：CSS样式基础和HTML5基础收藏
背景最近在做管理系统的时候我还不会用Vue,时间紧任务重就先用J2EE那套,利用layUI先实现了.现在从头学习前后端分离技术来搞,在做的过程中对CSS和HTML5的基础语法都已经全忘了,正好总结一 ...
dw在html中删除css样式表,DW里CSS的详细介绍
单击"确定". 类型属性 [定义 CSS 类型属性]使用"CSS 样式定义"对话框中的"类型"类别能够定义 CSS 样式的基本字体和类 ...

使用css样式做出亚克力背景和透明背景

使用css做出背景亚克力效果

1.一般背景如果做成亚克力效果就非常好看，直接看代码

使用css样式做出亚克力背景和透明背景相关推荐

最新文章

热门文章