两个动作,1水注入瓶子时上升,2水纹波动
优点:不用加载JS
缺点:1.需要设置动画次数,不会永动。2.动作相对僵硬,不知道是不是美工不好的原因,应该有提升空间。3.后期不与脚本结合的话应用范围窄。
html部分
<div class="box">
<div class="v1"><div class="v2"></div></div>
</div>
css部分
<style type="text/css">
body{
background-color: #252525;
}
.box{
width:190px;
height:430px;
overflow: hidden;
position: fixed;
margin-left: 500px;
/* 背景渐变 */
background: -webkit-linear-gradient(#00a7cf, #0080a7); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(#00a7cf, #0080a7); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(#00a7cf, #0080a7); /* Firefox 3.6 -