CSS内嵌样式实现打字效果
2024-08-25 08:02:22
<style>
*{margin:0;padding:0;}
@keyframes typing { from { width: 0; } }
@keyframes blink-caret { 50% { border-color: transparent; } }
h1 {
font: bold 200% Consolas, Monaco, monospace;
border-right: .1em solid;
width: 16.5em; /* fallback */
width: 30ch; /* # of chars */
margin: 2em 1em;
white-space: nowrap;
overflow: hidden;
animation: typing 10s steps(20, end), /* # of steps = # of chars */
blink-caret .4s step-end infinite alternate;
}
</style>
<h1>百花居,专注鲜花网络预定9年!!</h1>
最新文章
- 前端如何正确选择offer,到底选哪个?
- C#设计模式-模板方法模式
- python操作mysql总结
- windows 2008 server NTP Server
- CentOS 6安装PostgreSQL
- 使用Gulp和Browserify来搭建React应用程序
- sql server转移tempdb数据库的物理存放位置
- “ORA-12545: 因目标主机或对象不存在,连接失败”怎么办?
- Unity 脚本函数生命周期
- 日志记录Filter
- MyEclipse添加ibatis DTD文件实现xml的自动提示功能
- Python基础1-变量、运算符、表达式
- 选课 树形DP+多叉树转二叉树+dfs求解答案
- Java-错误处理机制学习(一)异常处理
- selenium 学习之路开始了,一遍搬一遍理解学习,加油!!!
- Cocos2D旋转炮塔到指定角度(三)
- Nginx 常见问题
- SkylineGlobe 7.0.1 &; 7.0.2版本Web开发 如何实现对三维模型和地形的剖切展示
- c# 建立到数据源的连接 以及获取项目配置文件的属性
- 汉字 Unicode 编码范围