kute.js/assets/js/backgroundPosition.js
thednp cb72a478c2
2020-06-09 20:08:43 +00:00

11 lines
458 B
JavaScript

/* BACKGROUND POSITION EXAMPLE */
var bgPos = document.getElementById('bgPos'),
bgBox = bgPos.querySelector('.example-box'),
bgb = bgPos.querySelector('.btn'),
bpTween = KUTE.to(bgBox, {backgroundPosition: ['0%','50%']}, { yoyo: true, repeat: 1, duration: 1500, easing: 'easingCubicOut'});
bgb.addEventListener('click', function(e){
e.preventDefault();
!bpTween.playing && bpTween.start();
},false);
/* BACKGROUND POSITION EXAMPLE */