CSS3 可以创建动画,它可以取代许多网页动画图像、Flash 动画和 JavaScript 实现的效果
直接放个最简单的例子:
<style>
div
{
width:100px;
height:100px;
background:red;
animation:myfirst 5s;
}
@keyframes myfirst
{
from {
background:red;}
to {
background:yellow;}
}
</style>
</head>
<body>
<div>方块的颜色会变化</div>
</body>
效果如下,在5秒内,方块会由红色逐渐变为黄色
在div中添加animation:myfirst 5s;即为添加了一个名为“myfirst”的动画效果,持续时间为5秒