跳至内容

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异步调用库

欢迎赞赏

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

近期文章

  • 解决Ubuntu 20.04外置块设备mdraid+lvm启动缓慢问题
  • 解决DELL OptiPlex 7060MFF不插显示器无法升级BIOS问题
  • 解决Sublime Text 2在macOS 12.3上Library not loaded问题
  • 解决W520 Win10下Discrete独显直连模式死机问题
  • 解决1037U主机Buffer I/O error on /dev/sdb1 (…) async page read问题

归档

分类

  • Android
  • API
  • ffmpeg
  • Greasemonkey
  • HAM
  • javascript
  • nodejs
  • Open-Wrt
  • php
  • Socket编程
  • SQL
  • System
  • Ubuntu
  • Web前端
  • 个人随笔
  • 人工智能
  • 技术管理
  • 操作系统
  • 未分类
  • 架构与模式
  • 算法与数据结构
  • 网络技术
  • 自写小软
  • 计算机体系结构
  • 音视频

功能

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

欢迎给我赞赏

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

欢迎加入我的知识星球
© 2022 Day Day Up ~ • Built with GeneratePress • 京ICP备15063919号-1