Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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

like image 827
shannoga Avatar asked Feb 02 '12 08:02

shannoga


1 Answers

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!

like image 98
Francisco Paulo Avatar answered Sep 22 '22 14:09

Francisco Paulo