添加aimate动画
2024-09-21 20:01:32
.page3_ship{
background:url(../image/boat_02.png) 0 center no-repeat;
background-size: 486px 385px;
position:absolute;bottom:0;left:50%;margin-left:-121.5px;width:243px;height:385px;}
当两个类名同时存在时生效
.page3_ship.animate{
-webkit-animation: 1s animate_page3ship steps(2) infinite;
}
规定动画各个阶段的状态和动画名字
@-webkit-keyframes animate_page3ship{
0%{background-position: 0 0;}
100%{background-position: -486px 0;}
}
最新文章
- Autofac 的点滴
- javaMd5加密
- iOS网络请求之multipart/form-data提交数据
- python 字符串分割
- javascript判断回文数
- POJ 1468
- Ajax异步请求-简单模版
- cocos2dx中的层CCLayer
- java web中jsp连接mysql数据库 以及数据库连接池的使用
- css(二) block，inline和inline-block概念和区别
- SpringMVC简版教程、部分功能
- (Matlab)GPU计算所需的配置
- 指令-arContentedit-可编辑的高度自适应的div
- Beta冲刺第五天
- Halcon中模板匹配方法的总结归纳
- Array数组集合的排序
- [PHP]更新中间关联表数据的两种思路
- UWP开发---抓包分析
- day 26
- Soapui groovy 加载外部property文件