Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

CSS3 transition - change animation "anchor point"?

CSS3 transition - change animation "anchor point"?

Problem

I am trying to use css3 transition to enlarge a div width and height on :hover.

It works fine but I need to change the anchor point of the animation.

As for now it is set to the bottom left of the div and I need it to be from the top left corner.

Is that possible ?

Thanks

Problem courtesy of: shannoga

Solution

I think you might be looking for the transform-origin property. This allows you to say something like:

transform-origin:left top;

You can find more information about it here: http://www.w3schools.com/cssref/css3_pr_transform-origin.asp

Hope this helps!

Solution courtesy of: Francisco Paulo

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

CSS3 transition - change animation "anchor point"?

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×