旧识桥
首页
归档
友链
关于
$refs.input.focus(), 50)" class="flex items-center gap-2 px-3 py-1.5 text-sm text-[var(--color-text-subtle)] hover:text-[var(--color-text)] border border-[var(--color-border)] rounded-md hover:border-[var(--color-border-hover)] transition-all duration-200 bg-[var(--color-surface)]" aria-label="搜索文章">
搜索
⌘
K
ESC
未找到相关文章
输入关键词开始搜索
$refs.input.focus(), 50)" class="flex items-center gap-2 px-3 py-1.5 text-sm text-[var(--color-text-subtle)] hover:text-[var(--color-text)] border border-[var(--color-border)] rounded-md hover:border-[var(--color-border-hover)] transition-all duration-200 bg-[var(--color-surface)]" aria-label="搜索文章">
搜索
⌘
K
ESC
未找到相关文章
输入关键词开始搜索
首页
归档
友链
关于
分类
代码实现
该分类下共有 1 篇文章
2026年1月6日
代码实现
单行循环打字机特效
一个轻量的单行循环打字机效果,不用依赖任何框架或插件,几行原生 CSS + JS 就能搞定
JavaScript
CSS
特效
查看所有文章
300" class="fixed bottom-6 right-6 z-50 md:bottom-8 md:right-8">