CSS
悦悦猪
一枚正在学习前端的小萝莉。
展开
-
css实现高斯模糊(毛玻璃效果)
场景昨天设计走查我们做的成果时,有一个弹窗的毛玻璃效果还原度不高,要求有元素拖到毛玻璃后面的时候,这些元素也是模糊的。我最开始在蓝湖右侧复制的代码,用了background渐变,最重要的是使用了filter: blur(15px);但是发现最终的效果并没有使毛玻璃后面的元素变得也模糊,只是背景变高斯模糊了。当时我在想,我就是按照设计给的色值做的呀,高斯模糊不就是filter吗,也是15px呀。并没有觉得是自己用的不对的问题。想要实现的效果如下图解决本来这个效果是我暂时代替同事写的,然后同事有时原创 2021-12-01 14:48:22 · 3521 阅读 · 0 评论 -
vue dev模式下覆盖element样式生效,build模式样式失效
场景昨天还是在别人写的项目的基础上进行UI优化的时候,遇到一个覆盖element样式在生产环境失效的问题。首先我将.el-main这个类的覆盖样式写在了app.vue里,当然写在公共的css里也一样会遇到这个问题。.el-main { padding: 0;}其次element的css样式文件是在main.js里引入的。开发环境一切正常,我覆盖的el-main的类起作用了。但是打包放到生产环境,发现padding: 0;并没有生效。解决从开发者工具那里查看样式可以看到,element的原创 2021-07-06 10:13:32 · 572 阅读 · 0 评论