Css3 出来之后,可以说是替代了Flash,通过使用Html5和Css3的完美结合,就可以做出任何你想得到的特效,这里不再阐述。。。
最近在做一个喝水签到的功能,在想签到成功之后,签到框可以模拟被水充满的效果,如图
这是一个简单的颜色过渡,几行代码就完成了我想要的效果,
#waterDiv
{
width:100px;
height:100px;
display: block;
margin-top: 200px;
background:gray;
transition:background-color 2s;
-moz-transition:background-color 2s; /* Firefox 4 */
-webkit-transition:background-color 2s; /* Safari and Chrome */
-o-transition:background-color 2s; /* Opera */
border-radius:50px;
}
上面的代码是刚开始的灰色圆,注意“transition”(w3c讲的比我详细,点击表格进入w3c学校)