24 lines
766 B
JavaScript
24 lines
766 B
JavaScript
/* OPACITY EXAMPLE */
|
|
var opacityProperty = document.getElementById('opacityProperty'),
|
|
button = opacityProperty.getElementsByClassName('btn')[0],
|
|
heart = opacityProperty.getElementsByClassName('example-box')[0],
|
|
// fade out
|
|
fadeOutTween = KUTE.to(heart,{opacity:0},{duration:2000}),
|
|
// fade in
|
|
fadeInTween = KUTE.to(heart,{opacity:1},{duration:2000}),
|
|
|
|
isHidden = true;
|
|
|
|
button.addEventListener('click', function(e){
|
|
e.preventDefault();
|
|
if ( !isHidden && !fadeOutTween.playing && !fadeInTween.playing ) {
|
|
fadeOutTween.start();
|
|
isHidden = !isHidden;
|
|
|
|
} else if ( isHidden && !fadeOutTween.playing && !fadeInTween.playing ) {
|
|
fadeInTween.start();
|
|
isHidden = !isHidden;
|
|
}
|
|
},false);
|
|
/* OPACITY EXAMPLE */
|