更新部分毛玻璃卡片 – 博客更新(一百一十八)

1781°C 15-01-2024 notbyai
最近更新于:2024-01-23 14:56:33

文章摘要moonshot-v1-8k

这篇文章主要介绍了作者更新了博客的一些内容,包括使用了毛玻璃效果的卡片和新增了一些WordPress简码内容。作者提到,实现卡片效果的方法是使用浅色渐变、白色边框和浅色阴影,如果需要毛玻璃效果,则加上backdrop-filter属性。整篇文章简短明了,主要是作者分享了自己更新博客的一些经验和技巧。

忽然发现好久好久没更过博客更新了(尽管偶尔有在修改),这次借鉴偶然看到的博友站点的毛玻璃效果(类似腾讯云官网卡片),看着挺有质感的,于是顺便把站内都卡片都更新了一下,感觉还蛮不错的~

对了,还更新了一些 wordpress 简码内容,新增了文章引用卡片和一个 bilibili 外嵌区块。

Ps.

卡片的具体实现的方法就是一个浅色渐变+白色边框+浅色阴影即可,如果需要毛玻璃效果则加上 backdrop-filter 属性。


评论留言

avatar
「 涂鸦画板 」 关闭表情 bilibili 小电视
h0h1h2h3h4h5h6h7h8h9h10h11h12h13h14h15h16h17h18h19h20h21h22h23h24h25h26h27h28h29h30h31h32h33h34h35h36h37h38h39h40h41h42h43h44h45h46h47h48h49h50h51h52h53h54h55h56h57h58h59h60h61h62h63
12 条评论
user_avatar
zlprime Chrome / macOS 10.15
2024-01-18 回复

呦,更新了啊3

user_avatar
匿名者 Edge / Windows 10
2024-01-18 回复

7

user_avatar
obaby Chrome / Windows 10✨亮评 #3820
2024-01-15 回复

还以为是更新部分毛……片

user_avatar
小彦 Chrome / Android
2024-01-15 回复

黑色皮肤,晚上看起来比较舒适58

user_avatar
Jeffer.z Chrome / Android 14
2024-01-15 回复

前些年我记得扁平化特别流行,现在又开始流行那种拟物的阴影遮罩了吗。