Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community!

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS Animating SVG with CSS Transitions and Transforms Grouping and Transforming SVG

Posted by Andrew Dang
Andrew Dang
2,776 Points

How do I make transform-origin work in Firefox? The transform-origin only works in Chrome and rotates from 0,0 in FF

How do I make transform-origin work in Firefox? The transform-origin only works in Chrome and rotates from 0,0 in FF

2 Answers

Guil Hernandez
STAFF
Guil Hernandez
Treehouse Teacher
Guil Hernandez
Guil Hernandez
Treehouse Teacher

Hi there. The next video explains the transform origin bug in Firefox. :)

Sue Dough
Sue Dough
35,800 Points
Sue Dough
Sue Dough
35,800 Points

It is actually covered in the video after that.

Ted Sumner
PLUS
Ted Sumner
Courses Plus Student 17,967 Points
Ted Sumner
Ted Sumner
Courses Plus Student 17,967 Points

Transform is an experimental technology and requires vendor prefixes. Look here under browser compatibility for the various prefixes.

Andrew Dang
Andrew Dang
2,776 Points

Thanks for replying Ted. Also I noticed you were from Beaverton, I'm from there as well!

Ted Sumner
Ted Sumner
Courses Plus Student 17,967 Points

Excellent. Are you in the Code Oregon program?

Andrew Dang
Andrew Dang
2,776 Points

no I am just learning on my own

Ted Sumner
Ted Sumner
Courses Plus Student 17,967 Points

Cool. Tag me in a forum post if I can help in any way. I can help in PHP, HTML, CSS, and JavaScript to some extent.

Andrew Dang
Andrew Dang
2,776 Points

Thanks and will do!