# HTML+CSS实现打字机效果
> HTML+CSS实现打字机效果
- 发布于：2020-11-21
- 更新于：2020-11-21
- 分类：学习
- 标签：前端
- 原文：https://chanx.tech/blog/typewriter-effect
看到了一些Hexo博客首页用到了打字机效果。于是思考不使用Javascript，如何实现打字机效果呢？
一个字总结：**丑**。
**实现：利用css中`animiation`实现关键帧组成循环动画。`width`减少模仿字体被删除；`border-right`黑白变色模仿光标闪烁**
直接上源码：
```html ，，，，，
Document
THIS DEMO
```