detectEndCss : function(){
console.log('%c\r\n<Animate> '+this.id+'.detectEndCss()', 'color:#56A5EC');
if(this.target!=null){
this.set('endCss', Animate.getCloneStyle(this.target.dom.element));
console.log(this.id+".endCss['-webkit-transform'] = "+this.endCss['-webkit-transform']);
console.log(logger.check(this.endCss,this.id+'.endCss'));
}
},
detectOriginCss : function(node){
console.log('%c<Animate> '+this.id+'.detectOriginCss('+node.id+')', 'color:#56A5EC');
var element = node.dom.element;
var originCss = Animate.getCloneStyle(element);
this.set('originCss', originCss);
console.log(this.id+".originCss['-webkit-transform'] = "+this.originCss['-webkit-transform']);
console.log(logger.check(this.originCss,this.id+'.originCss'));
},
detectStartCss : function(node){
console.log('%c\r\n<Animate> '+this.id+'.detectStartCss('+node.id+')', 'color:#56A5EC');
var element = node.dom.element;
var clone = dom.byId('clone_'+element.id);
// console.log('--before');
// console.log(node.id+' > '+JSON.stringify(Animate.getCloneStyle(clone)));
//Bind with pause
this.bindAnimation(clone, {
id : this.id,
delay : '0s',
fillmode : this.fillmode,
duration : this.duration,
direction : this.direction,
timing : this.timing,
iteration : this.iteration,
playState : 'pause'
});
//startStyle
var startCss = Animate.getCloneStyle(clone);
this.set('startCss', startCss);
//console.log(this.id+".startCss = ", this.startCss);
console.log(this.id+".startCss['-webkit-transform'] = "+this.startCss['-webkit-transform']);
console.log(logger.check(this.startCss,this.id+'.startCss'));
//add new styles of startCss to origin
/*
for(var p in startCss){
if(typeof this.originCss[p] === 'undefined'){
this.originCss[p] = startCss[p];
}
}
*/
// console.log('--after');
// console.log(node.id+' > '+JSON.stringify(this.startCss));
//console.log('startCss', startCss);
//console.log(this.id+'.startCss.opacity = '+this.startCss.opacity);
setTimeout(function(clone,node,animate){
//Reset Animation
css.resetAnimation(clone);
//fire onSetTime event
dom.dispatchEvent(node.dom.element,
Animate.DETECT_START_CSS, {
animate : animate,
node : node
},true,true);
},0,clone,node,this);
},