Stack Overflow
Stack Overflow

Questions tagged [jquery-transit]

jQuery Transit is a jQuery plugin to help you do CSS transformations and transitions in jQuery.

jQuery Transit is, according to its website, a jQuery plugin to help you do CSS transformations and transitions in jQuery.

32 questions
46
votes
3 answers

Rotate a div using javascript

I want to click on one div and rotate another div then when the firsts div is clicked again the other div rotates back to its original position. I can reference this library if required http://ricostacruz.com/jquery.transit.
user2078845
  • 579
  • 2
  • 7
  • 12
29
votes
6 answers

How to animate CSS Translate

Is it possible to animate the CSS property translate via jquery? $('.myButtons').animate({"transform":"translate(50px,100px)"}) and does it work in many browsers? Demo not working: http://jsfiddle.net/ignaciocorreia/xWCVf/ UPDATE: My…
Ignacio Correia
  • 3,611
  • 8
  • 39
  • 68
16
votes
1 answer

CSS3 transition leaves a trail

It happens sometimes with particular text, transitioning with CSS3. I do not know the reason why it happens and thus I cannot recreate the same in jsfiddle. But you can look at 4th slide (the one with 5 rings)…
Jashwant
  • 28,410
  • 16
  • 70
  • 105
14
votes
2 answers

jQuery Transit: Object none has no method 'setFromString'

I have loaded in jQuery transit, and I made sure I did it after loading jQuery, but I still get this error: I have looked at the resources panel in Chrome, and jQuery transit is being loaded after jQuery. It has also loaded correctly, and shows up…
user1429980
  • 6,872
  • 2
  • 43
  • 53
4
votes
3 answers

How to pause and restart a css3 transition in jquery transit

I'm using jquery transit to move and element. I want to pause the animation and continue it on click of a button. But i'm unable to figure out how to do it. JSFiddle : http://jsfiddle.net/b4hwq/2/ I did try stop().transition({}); but it is…
user1184100
  • 6,742
  • 29
  • 80
  • 121
3
votes
3 answers

Jquery Transit Not working

I've been playing around with the jquery plugin Jquery Transit : http://ricostacruz.com/jquery.transit/ but no matter what I do, the code doesn't behave like I expect it to (as a matter of fact, it doesn't behave at all)
curious-cat
  • 421
  • 1
  • 7
  • 17
2
votes
2 answers

jQuery cycle2 and JQuery Transit not working on first slide

I am using jQuery transit to trying an add some css3 movement to my slides in my jQuery Cycle2 slideshow. I have managed to get all BUT the first slide to have the effect. See my code below. Like I said, the first slide does not have the effect…
Mark
  • 488
  • 3
  • 12
  • 30
2
votes
2 answers

jQuery Waypoints - How to fire action everytime the page is scrolled and the element is in view?

I have an object that I want to spin whenever the user scrolls the page and that object is currently in view. So if my object is right in the middle of the page when the site is first loaded, I want it to spin "right" when the user scrolls down.…
JimmyJammed
  • 9,598
  • 19
  • 79
  • 146
2
votes
1 answer

Replace jQuery slide with transition() from Transit

Found this and would love to replace .animate() with .transition() (http://ricostacruz.com/jquery.transit): Replace jQuery slide with animate() CSS3 This does not seem to animate, but is instead finished when clicked: el.transition({ "display":…
plbr
  • 75
  • 1
  • 9
2
votes
1 answer

jQuery Transit issue wordpress

I'm implementing a wordpress plugin and i'm getting this error. Error message: "LayerSlider WP: jQuery Transit issue It looks like one of your other plugins also uses jQuery Transit and loads an extra copy of this library which can cause…
BlondeCityFox
  • 29
  • 1
  • 4
1
vote
2 answers

jQuery Stop Only Animations Being Set

Say I have this. var e = $('#div'); I want to do e.fadeOut(3000).animate({'top':500}, 3000); And then e.animate({'top':250}, 3000); Immediately, stopping the original top animation on e, but without stopping the fade. Note I am also using the…
Brian Leishman
  • 8,155
  • 11
  • 57
  • 93
1
vote
1 answer

Callback complete function not working properly using transit js and jQuery.

So I am trying to build some navigation using jquery transit The opens/slide down navigation is working fine. It sets the child ul to display block and then runs the animation/transition. The issue is occurring when closing the navigation item. The…
lharby
  • 3,057
  • 5
  • 24
  • 56
1
vote
2 answers

jQuery Transit animation overlapping

I have a problem with overlapping transitions - one transition starts before the previous one gets to end. $obj.stop(true, false).transition({'-webkit-transform': 'translateX(' + (pos) + 'px)', 'width':width + 'px'}, 1500 ); JsFiddle example:…
yuvalz
  • 71
  • 5
1
vote
1 answer

How to fast-blur in css/js?

I am having a performance issue when combining blurred images with some subpixel translate animation (I am using jQuery Transit): filter: blur(5px);^ On mousemove, blur is recalculated to simulate Depth-of-Field. When moving, the elements aren't…
Vincent Duprez
  • 3,772
  • 8
  • 36
  • 76
1
vote
1 answer

Jquery transit & Mouseover

I would like to create a transition animation on mouseover with the script : Transit All is done, well... with one exception. The transition works, but if you pass the mouses several times (like 5 times for exemples) on the 3 different blocks, the…
Bonjour
  • 127
  • 1
  • 10
1
2 3