有什么方法可以让光标在打字时像 VSCode 一样平滑插入符号动画吗？

Question

我想像 Visual Studio Code 那样制作cursor smooth caret 动画效果

所以我在谷歌上搜索了它，但没有找到预期的答案。 如果您仍然不明白我在说什么，请观看这个视频

我真的很想在我的网站上添加这种效果

我试过了

* {
   transition: all 80ms;
}

但是没用:(

Answer 1

这就是我用于我的 vscode 的东西。只需安装

Custom CSS and JS Loader

并按照安装说明进行操作，然后将此 css 放入您将在按照扩展说明进行链接的 css 文件中。

.monaco-editor .cursors-layer.cursor-smooth-caret-animation > .cursor {
    transition: all 0.17s !important;
}

transition: all 80ms

是 VScode 使用的默认 style。您可以尝试从

0.15s

设置为

0.2s

，这样看起来会很平滑。