Treehouse | Community | Create a Flipping Animation with 3D Transform Properties

🤑 Join the Treehouse affiliate program and earn 25% commission!

Join our Live Career-Building Workshop: Launch Your Tech-Adjacent Career! ⭐ Register here!

🌟 Dreaming of a bright future? 🎓 Ask about the Treehouse Scholarship program! 🚀

Curious which AI tools Treehouse developers love? ⚙️ Check them out!

🫡 Treehouse for Military offers discounts to Veterans, service members and their families!

Newest
- Newest
- Active
- Unanswered
- Featured
All Topics

Dmitriy An
11,795 Points
Hey guys, If backface-viliblity doesn't work for you, try adding: -webkit-backface-visibility: hidden;

Posted May 27, 2017 11:39pm by Dmitriy An

Dmitriy An
11,795 Points
0 Answers
nfs
35,526 Points
WHY is the page in the Link not working?

Posted May 26, 2017 1:53pm by nfs

nfs
35,526 Points
3 Answers
Martin Park
12,792 Points
Help with Rotate Challenge

Posted May 11, 2017 3:59pm by Martin Park

Martin Park
12,792 Points
1 Answer
jinhyeokkim
8,765 Points
why transform not working with my IE (11.0.41)?

Posted April 12, 2017 2:45pm by jinhyeokkim

jinhyeokkim
8,765 Points
1 Answer
Franklin Gomez
6,549 Points
Building A Rotating 3D cube

Posted March 14, 2017 12:51am by Franklin Gomez

Franklin Gomez
6,549 Points
1 Answer
Jeffry Jimenez
5,693 Points
Target .photo. Use a 3D transform function to rotate .photo 30 degrees on the Y-axis only... I can't figure this out.

Posted March 3, 2017 4:49am by Jeffry Jimenez

Jeffry Jimenez
5,693 Points
1 Answer
Costas Plassaras
4,359 Points
Why are the side-photos "jumping"out of their frame? Just because we changed from rotateX to rotateY?

Posted February 27, 2017 5:42pm by Costas Plassaras

Costas Plassaras
4,359 Points
2 Answers
Mohamed Monir
22,362 Points
i don't know what i must do

Posted February 25, 2017 9:22pm by Mohamed Monir

Mohamed Monir
22,362 Points
1 Answer
Thomas Buchstab
14,766 Points
The Button is outside of the cube

Posted February 17, 2017 1:33pm by Thomas Buchstab

Thomas Buchstab
14,766 Points
3 Answers
Michael Stedman
Full Stack JavaScript Techdegree Student 13,838 Points
Am I crazy in thinking the axis directions or backwards for rotateX() and rotateY()?

Posted February 11, 2017 8:24am by Michael Stedman

Michael Stedman
Full Stack JavaScript Techdegree Student 13,838 Points
1 Answer
PLUS

Alexandrino Nunes
Courses Plus Student 10,985 Points
3D Cube is not okay!

Posted January 25, 2017 10:52am by Alexandrino Nunes

Alexandrino Nunes
Courses Plus Student 10,985 Points
1 Answer
Krystal Jackson
8,598 Points
How to figure out how much you need to translate and the axis you should translate on?

Posted November 25, 2016 1:24am by Krystal Jackson

Krystal Jackson
8,598 Points
2 Answers
Saqib Ali
3,686 Points
.content why does this div class exist within this page?

Posted October 22, 2016 8:10pm by Saqib Ali

Saqib Ali
3,686 Points
2 Answers
Luca Di Pinto
8,051 Points
Question about transform-origin and translateY

Posted October 13, 2016 2:23pm by Luca Di Pinto

Luca Di Pinto
8,051 Points
0 Answers
Luca Di Pinto
8,051 Points
.photo working in 3d space. Why??

Posted October 10, 2016 3:32pm by Luca Di Pinto

Luca Di Pinto
8,051 Points
0 Answers
Jacob Hopkins
7,310 Points
Next, target .photo. Use a 3D transform function to rotate .photo 30 degrees on the Y-axis only. What am I missing?

Posted September 17, 2016 2:42pm by Jacob Hopkins

Jacob Hopkins
7,310 Points
1 Answer
AYA AYA
5,423 Points
3D Transforms

Posted September 1, 2016 9:54pm by AYA AYA

AYA AYA
5,423 Points
1 Answer
Alex Oates
7,171 Points
Flipping cards appear jittery on hover

Posted September 1, 2016 11:33am by Alex Oates

Alex Oates
7,171 Points
4 Answers
Camilo Luna
8,836 Points
Aren't classes exchanged?

Posted August 24, 2016 1:58am by Camilo Luna

Camilo Luna
8,836 Points
1 Answer
Anthony Rice
7,976 Points
Difficulties understanding the transform-origin property in 3D space.

Posted August 15, 2016 1:26pm by Anthony Rice

Anthony Rice
7,976 Points
1 Answer
pawkan kenluecha
26,303 Points
On the left side, what is the difference between transform-origin : center right and top right ?

Posted July 26, 2016 4:57pm by pawkan kenluecha

pawkan kenluecha
26,303 Points
2 Answers
Sasha Drmic
12,316 Points
rotateY values

Posted July 20, 2016 10:23am by Sasha Drmic

Sasha Drmic
12,316 Points
2 Answers
Owa Aquino
19,277 Points
I don't know what's wrong with my code. Can't seem to complete the challenge. :(

Posted May 8, 2016 9:42am by Owa Aquino

Owa Aquino
19,277 Points
1 Answer
Manav Misra
11,778 Points
Is there a bug specific to Chrome browser?

Posted April 22, 2016 3:30pm by Manav Misra

Manav Misra
11,778 Points
1 Answer
Zeljko Porobija
11,491 Points
Nothing happens...

Posted April 10, 2016 9:34am by Zeljko Porobija

Zeljko Porobija
11,491 Points
5 Answers
__ROLLER__ Angel
25,606 Points
.right side is not positioned in my cube how it should be

Posted March 22, 2016 8:02pm by __ROLLER__ Angel

__ROLLER__ Angel
25,606 Points
1 Answer
Nick Field
17,091 Points
Completing The Cube...

Posted March 21, 2016 2:26pm by Nick Field

Nick Field
17,091 Points
7 Answers
Brendan Whiting
Front End Web Development Techdegree Graduate 84,738 Points
There are some things about 3D space that don't make sense to me.

Posted March 18, 2016 9:23pm by Brendan Whiting

Brendan Whiting
Front End Web Development Techdegree Graduate 84,738 Points
1 Answer
Connor Sage
9,577 Points
Use a 3D transform function to rotate .photo 30 degrees on the Y-axis only.

Posted March 18, 2016 3:31pm by Connor Sage

Connor Sage
9,577 Points
3 Answers

Prev Page 3 of 3 Next

Posting to the forum is only allowed for members with active accounts.
Please sign in or sign up to post.