跳至内容

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

欢迎赞赏

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

近期文章

  • 使用caddy配合nginx支持HTTP3
  • 何时使用动态链接和静态链接2023版
  • 解决macOS Ventura 13.1 Wireshark安装ChmodBPF无效问题
  • 解决自建Ubnt Unifi控制器无法自动更新问题
  • 解决Ubuntu 20.04升级22.04后找不到root设备无法启动问题

归档

分类

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

其他操作

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

欢迎给我赞赏

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

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