To znany błąd w Velocity i Julian mówi, że będzie można go naprawić, ale nie jest znana data wydania ile wiem:
https://github.com/julianshapiro/velocity/issues/453 (Obróć obraca wartość ujemna z powrotem w kierunku zgodnym z ruchem wskazówek zegara)
Ponieważ pętla w kierunku zgodnym z ruchem wskazówek zegara rzeczywiście działa, szybkie obejście w celu uzyskania nieskończonej pętli w kierunku przeciwnym do ruchu wskazówek zegara jest podobne do tego, dopóki błąd nie zostanie naprawiony:
Fiddle: https://jsfiddle.net/znyLtfaf/2/
HTML:
<div class="gear gearRight">rotate right</div>
<div class="gear gearLeft">rotate left</div>
CSS:
.gear {
width: 100px;
height: 100px;
position: absolute;
background: red;
}
.gearRight {
top: 100px;
left: 100px;
}
.gearLeft {
top: 300px;
left: 100px;
}
JS:
$('.gearRight').velocity({ rotateZ: "+=360" }, { duration: 5000, easing: "linear", loop: true});
loopMeLeft();
function loopMeLeft() {
$('.gearLeft').velocity({ rotateZ: "-=360" }, { duration: 5000, easing: "linear", complete: loopMeLeft});
}
I tutaj jest nieco bardziej skomplikowany przykład z przyspieszenia i spowolnienie biegów d ynamicznie, choć trochę szorstko na krawędziach, ale istnieje ogólna idea.
Fiddle: https://jsfiddle.net/AtheistP3ace/znyLtfaf/4/
Czy ktoś ma jakieś pomysły? –