CODEWITHSUNDEEP
csscss-transitions
shannoga
shannoga

Reputation: 19879

CSS3 transition - change animation "anchor point"?

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

Upvotes: 18

Views: 31785

Answers (1)

Francisco Paulo
Francisco Paulo

Reputation: 6332

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!

Upvotes: 40

Related Questions