跳转到内容

Day Day Up ~

sharpbai's tech blog~

  • Web前端
  • 网络技术
  • javascript
    • Greasemonkey
  • php
  • Ubuntu
    • Open-Wrt
  • 自写小软
  • 个人随笔
  • 想认识下博主么~

一个打字机效果的纯CSS实现

2019年11月28日2014年2月16日 由 sharpbai

请点击这个链接查看效果

实现要点:

1.使用文字盒宽度分step宽度变化的animation+等宽字体实现缓动打字效果

2.使用右边框透明度变化的无限动画实现光标

非常巧妙

分类目录 Web前端
文章导航
CSS动画简介
短小强悍的JavaScript异步调用库

欢迎加入知识星球一起交流

近期文章

  • 解决macOS 11下Virtualbox运行虚拟机发生崩溃与死机重启问题
  • 解决海思平台下C++启动线程报pure virtual method called, terminate called without an active exception问题
  • 联想拯救者刃9000GTI升级2x32G海盗船3200Mhz内存并开启XMP
  • 解决macOS下中文输入法反应缓慢的问题
  • macOS 11初体验——迄今为止x86上的性能最佳macOS

文章归档

分类目录

  • Android
  • ffmpeg
  • Greasemonkey
  • HAM
  • javascript
  • nodejs
  • Open-Wrt
  • php
  • Socket编程
  • SQL
  • System
  • Ubuntu
  • Web前端
  • 个人随笔
  • 人工智能
  • 未分类
  • 算法与数据结构
  • 网络技术
  • 自写小软
  • 音视频

功能

  • 登录
  • 项目feed
  • 评论feed
  • WordPress.org

欢迎加入知识星球一起讨论

© 2021 Day Day Up ~ • Built with GeneratePress • 京ICP备15063919-1