翻转粽子

.c_zongzirou_vertical_1{

opacity:1;

z-index:120;

transform-origin:center bottom;

transform: rotate(180deg) scale(1,.45) translate(0px,180px);

}

垂直翻转动画

var  s4 = new TimeLine();

s4.add(1000,function(){

g('c_t_1').className="c_t_1 c_t_in c_t_mirror_0";

g('c_zongzirou_2').className='c_zongzirou c_zongzirou_vertical_1';

g('c_zongzirou').className = 'c_zongzirou c_zongzirou_vertical_01';

})

s4.add(1200,function(){

g('c_zongzirou_2').className='c_zongzirou c_zongzirou_vertical_2';

g('c_zongzirou').className = 'c_zongzirou c_zongzirou_vertical_02';

})

时间轴类

var scane = new TimeLine()

• CSS过渡动画：transition ：all 1s；

• CSS动画：

• @-webkit-keyframes changeWidth{

• 0%{ width:100px;}

• 100%{width:200px;}

}

.myclassName{

-webkit-animation:changeWidth 2s infinite

}

用录频的方式看时间

分两部分完成  入场动画和动作动画（时间轴+元件）