如何用CSS定义一个动画?
2024-10-07 13:07:09
<style type="text/css">
div{
width:100px;height: 100px;
animation: carton 5s;
background:red;
-moz-animation: carton 5s; /* Firefox */
-webkit-animation: carton 5s; /* Safari 和 Chrome */
-o-animation: carton 5s; /* Opera */
}
@keyframes carton{
from {background: red;}
to{background: yellow;}
}
@-moz-keyframes carton{/*firefox*/
from {background: red;}
to{background: yellow;}
}
@-webkit-keyframes carton{/* Safari 和 Chrome */
from {background: red;}
to{background: yellow;}
}
@-o-keyframes carton{/* Opera */
from {background: red;}
to{background: yellow;}
}
</style>
最新文章
- so 问题来了,你现在值多少钱?
- mailto
- ATM模拟器(附代码及运行结果)
- c# System.Data.OracleClient需要Oracle客户端软件8.1.7或更高版本
- java基础1_Java数据类型
- 微软 .net 你更新这么快IDE vs2015 、语法糖 6.0、framework、‘吹得这么牛,然并用
- Python中通过cx_oracle操作ORACLE数据库的封闭函数
- SnapKit代码约束
- CF GYM 100703I Endeavor for perfection
- ado.net实现一个通知公告功能
- CodeForces 670D Magic Powder
- mybatis的sqlmapper详解
- s21day23 python笔记
- 《Java大学教程》—第4章 方法的实现
- centos 查找命令的可用包/命令属于哪个软件包
- HttpServletRequest.getInputStream() 只能读取一次
- HTML的文档类型:<;!DOCTYPE >;
- 牛客练习赛31 D 最小相似度
- PostgreSQL数据库如果不存在则插入,存在则更新
- Mondrian系列