Jump to content

Search In
  • More options...
Find results that contain...
Find results in...

Setting transformOrigin to a position absolute div

Recommended Posts



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.




See the Pen wvKBmem by nardove (@nardove) on CodePen

Link to comment
Share on other sites

Could you whip up a little demo so we can check your code? Thanks.


  • Like 1
Link to comment
Share on other sites

Working on the codepen example I found my mistake, so I just aded the codepen demo, it may help someone else.


Thank you!

  • Like 1
Link to comment
Share on other sites

Many members have discovered their own solution just by making a demo.  Glad to hear you solved it and thanks for letting us know. :)


  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.