毛玻璃设计的十个细节
半透明并不等于毛玻璃。模糊半径、饱和度、边缘高光、背景层次…… 把「透过玻璃看世界」这件事做对，需要的不只是 backdrop-filter。
teardrop-blog
live你正在看的这个站点。纯静态、零依赖，玻璃质感与双主题全部由 CSS 实现。
HTMLCSSVanilla JS
Teardrop
自学编程中 · 持续更新
用代码把
二次元跑起来
コードと桜と、すこしの夢。
我是 Teardrop，一名自学编程的开发者。 这里记录我的代码练习、踩坑笔记，以及把喜欢的东西做成页面的过程。 没有科班背景，只有一行行敲出来的理解。
コード、書いてる？
teardrop@dev ~ % whoami
Teardrop · self-taught developer
teardrop@dev ~ % cat stack.txt
Python · JavaScript · CSS · Git · Linux
teardrop@dev ~ % ./status.sh
● learning ● building ● shipping
teardrop@dev ~ %
# self-taught
# 二次元
# open source
联系方式
// 欢迎交流在做的项目
py-notes
wipPython 自学笔记与练习脚本：文件处理、爬虫小工具、数据结构手写实现。
PythonNotesCLI
css-lab
lab动效与布局实验场：毛玻璃、滚动动画、网格排版，逐个调参验证效果。
CSSAnimationDesign
最新笔记
全部归档 →01
02
这个冬天值得一看的六部番
从治愈系日常到硬核机甲，冬番的阵容意外地扎实。写下几部私心推荐， 附上不被剧透的观看建议。
03
你好，这个世界
第三次重建自己的博客。这一次不再追求功能齐全，只想让文字安静地待在 一层薄薄的玻璃后面，等愿意停留的人。
04
让界面呼吸：克制的动效节奏
缓动曲线比时长更重要。记录一组自己常用的动效参数，以及那些 「加了反而更糟」的动画陷阱。