Element 主页的这个是咋实现的勒

35 天前
 sikuu2al
- 在 element 页面滚动时,顶部 menu 栏遮住字体时会变成像素点 想问下这是咋实现的勒 还挺有意思的
- 随便贴一个[https://element-plus.org/zh-CN/guide/namespace.html#%E8%AE%BE%E7%BD%AE-elconfigprovider]
3806 次点击
所在节点    程序员
35 条回复
tog
35 天前
"买个有 f12 的键盘吧"
回复这个的什么心态?
isSamle
35 天前
.fixedSearch {
position: fixed;
width: 100%;
z-index: 999;
height: 50px;
overflow: hidden;
border-bottom: 1px solid var(--theme-color);
background-image: radial-gradient(transparent 1px,#FFFFFF 2px);
background-size: 4px 4px;
backdrop-filter: saturate(50%) blur(4px);
-webkit-backdrop-filter: saturate(50%) blur(4px);
}
isSamle
34 天前
已经加在自己的网站了
[狗头滑稽]( https://img3.doubanio.com/view/photo/l/public/p2914100352.webp)
kzfile
34 天前
css 是我认为最难的语言
abss
34 天前
学到了 确实很有东西
sss15
34 天前
@justdoit123 #5 为啥我用 f12 加在 v 站上没效果呢
512357301
34 天前
@tog #21 估计是嫌 op 不动手操作直接就问吧,css 也没法加密,所见即所得,动动手的事,还要在 v 站问。
yayaluoya481
34 天前
给我博客加上了哈哈哈
yelog
34 天前
@sss15 背景也得设置为透明, 写了个 demo, 可以看一下 https://jsfiddle.net/yelog/g9mx504z/10/
justdoit123
34 天前
@sss15 那段 css 里有几个变量。v2 上应该没定义这些变量吧?把他们直接替换成具体值试试。哪个 --bg-color 是白色,别的变量自己查看下。
LavaC
33 天前
这个效果出挺久的了,很久以前就见过有人拆解。顺便对对 css 感兴趣的站友们推荐一下这个博客主 https://github.com/chokcoco/iCSS/issues/194
sikuu2al
33 天前
@LavaC 码住了 看了一下有很多有意思的!
sss15
33 天前
@yelog 原来如此,学了个皮毛,照着画都画不出来,惭愧惭愧
sss15
33 天前
@justdoit123 #30
看了楼上的 demo ,原来这段里面缺了
background-color: transparent;
有了这个属性,再配合上面的属性才行
tianhehechu
32 天前
@Track13 谢谢,已在京东下单了有 F12 的键盘

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1079493

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX