⌨️ 一台真正的打字机(可以自动打字并且可以交互!)🤯
虽然有点晚了,但这是我对打字机大战的愚蠢看法!
与其他人不同的是...我造了一台打字机!
警告:我担心这对于屏幕阅读器用户来说不太容易理解。
虽然边缘有些粗糙,但在 PC 上实现效果会更好,但它确实有效,并且可以快速实现一个想法(我说快速,是因为它花了很长时间!)。
它是交互式的
初始动画播放完毕后,您就可以像打字机一样使用它了!您可能需要点击打字机来聚焦小提琴。
在移动设备上:有一个输入,您可以集中注意力来调出键盘。
这次没有教程吗?
不,这里没有一段代码是我希望你在现实世界中使用的!
然而,我花了一些时间来确保按键移动实际上与键盘上的按键相对应,所以我希望您能原谅这个粗制滥造的代码,因为我花了很长时间来标记 SVG 的所有部分!
不管怎样,玩得开心就好,至少我加入了战斗,即使已经晚了!
文章来源:https://dev.to/grahamthedev/an-actual-interactive-typewriter-2hg9