css 有没有办法使光标平滑插入动画一样VSCode打字？

dzjeubhm 于 2023-04-13 发布在 Vscode

关注(0)|答案(1)|浏览(124)

我想制作像Visual Studio Code一样的光标平滑插入符号动画效果
所以我在谷歌上搜索了一下，但没有找到预期的答案。如果你还是不明白我在说什么，请看this video
我很想在我的网站上加上这个效果
我尽力了

* {
   transition: all 80ms;
}

但它没有工作：（

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使用的默认样式。您可以尝试从0.15s设置为0.2s，这样看起来会很平滑。