Search the Community
Showing results for tags 'origin'.
Found 5 results
Setting transformOrigin to a position absolute divHi, I'm trying to animate a set of cards so when they animate in they rotate to a specific angle, these cards are stacked one on top of each other, so I have position them absolutely inside another div, but the transformOrigin does not seem to have an effect. Any help will be much appreciated. *** UPDATE *** After working on a codepen example I found what I did wrong, the codepen link has a working example. The problem was a reference to an extra div element. Regards, Ricardo
[SOLVED] rotation tween is not taking place at current positionHello everybody! I would like to create a small riddle with kind of a dial. I have already created 8 buttons to control some tweens but I encountered a problem with the rotation of the outer number. Every time the outer scale is rotated out of its original position the rotation of the number itself takes place at the "12 o clock" position. When rotating the outer scale again the number jumps back to the new position. I would like to rotate the number by 180 degrees at its current position. Can anyone help me with this, please? Thanks in advance Tissi
How to set rotate an object with origin?Hi, I have an question, how to rotation object with origin? i need my object rotate stick at the left and middle of the object. same as the left 2 images Please Help~ Thanks alot.......
Animation works on some URLs, but not others?
ro-achterberg posted a topic in GSAPI have some SVG that resides directly inside my HTML (no object/img are used). I use jQuery and GSAP for the animation, which works fine. That is, until I load the animation from a URL different from the site root URL. In which case only part of the animation works (??). Works: http://www.brigaid.nl/staging/grahamskitchen/ Does not work: Works: http://www.brigaid.nl/staging/grahamskitchen/menu-wijn/ (Latest Chrome, Firefox) I'm sorry I can't be more elaborate about this, because it has me completely stumped. It almost seems like a 'same origin' issue, but I really can't see how that is the case. The SVG is directly embedded and everything is loaded from the same base URL from a remote web server. Please note that I cannot create a pen for this, because the problem seems to be directly related to this specific setup. Hoping for some bright insights!
Animating the transformOrigin propertyHello, I'm trying to create an effect that several boxes that overlap are rotated and then each one expands from the other in a 3D way. The only way I found that does that is by modifying the transformOrigin property. But unfortunately that property does not animate and simply goes into position. Is there a better way to achieve this? (the codepen sample should illustrate the animation that I'm describing) Thanks. Here's the codepen again: http://codepen.io/netgfx/pen/EaKPdP