css3-文字旋转
2024-10-18 22:37:03
<meta charset="utf-8"/>
<style>
* {margin: 0; padding: 0;}
ul {
height: 80px;
background: #30C2A5;
width: 290px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
li {
list-style: none;
float: left;
margin-left: 5px;
font: 30px/80px arial;
color: #fff;
animation: one 2s infinite;
}
li:nth-child(1){animation-delay:0.1s;}
li:nth-child(2){animation-delay:0.2s;}
li:nth-child(3){animation-delay:0.3s;} @keyframes one{
0%{transform:rotateY(0)}
100%{transform:rotateY(360deg)}
}
</style>
<ul>
<li>大</li>
<li>家</li>
<li>好</li>
</ul>
最新文章
- [Unity3D]导入模型并且设置相应的属性
- span标签设置margin-top没有效果
- Android菜鸟成长记9 -- selector的用法
- maven 环境的配置 JAVA_HOME not found in your envirnment
- paip.python NameError name &#39;xxx&#39; is not defined\
- html5+监听设备加速度变化信息
- mysql数据类型分析
- IIS 配置问题解决
- Quartz 开源的作业调度框架
- iOS中的下载管理器(支持断点续传)
- CacheHelper工具类的使用
- 解决SQLServer 2008 日志无法收缩,收缩后大小不改变
- 第5次作业 -- 基于Jmeter的 性能测试
- Java判断字符串是否有重复
- Java字符串与数组
- vim编辑器学习记录
- 对象属性拷贝工具类大全==>;Bean的属性拷贝从此不用愁
- pycharm的中文汉化
- nginx 更改用户组
- LUA中获得服务器IP
热门文章
- 一个HttpWebRequest工具类
- Asp.net mvc 大文件上传 断点续传
- Struts2.1.8 + Spring3.0+ Hibernate3.2整合笔记
- Lucene学习-深入Lucene分词器,TokenStream获取分词详细信息
- MacOSX64位机器上gcc编译32位x264静态库
- PRJ: Split a nodes-map into some triangles
- C语言之字符集、ASCII码和sizeof运算符
- express框架+jade+bootstrap+mysql开发用户注册登录项目
- dapper 可空bool转换出错及解决方案
- 基本的SQL语句