Treehouse | Community | 3D Transforms: transform-style and backface-visibility

Invest in Your Future 💫 2025 Is Yours! Kick off your New Year's Resolutions with 1 year of Treehouse for $150!

Woohoo! A new Figma course has dropped! 🤩

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

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

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

Newest
- Newest
- Active
- Unanswered
- Featured
All Topics

Gavin Broekema
Full Stack JavaScript Techdegree Student 22,443 Points
rotateY(180deg) vs. rotateY(-180deg)

Posted May 18, 2016 6:52pm by Gavin Broekema

Gavin Broekema
Full Stack JavaScript Techdegree Student 22,443 Points
1 Answer
Gavin Broekema
Full Stack JavaScript Techdegree Student 22,443 Points
Too much scale for translateZ()?

Posted May 18, 2016 6:30pm by Gavin Broekema

Gavin Broekema
Full Stack JavaScript Techdegree Student 22,443 Points
1 Answer
Aaron Coursolle
18,014 Points
keyword value Question in quiz?

Posted April 14, 2016 8:19pm by Aaron Coursolle

Aaron Coursolle
18,014 Points
1 Answer
Shanequa Bond
18,447 Points
why isnt this challenge working? no matter how many times i reload or refresh

Posted February 29, 2016 7:08pm by Shanequa Bond

Shanequa Bond
18,447 Points
1 Answer
YAWEI SONG
9,168 Points
Why cannot I pass this challenge?

Posted December 29, 2015 6:55am by YAWEI SONG

YAWEI SONG
9,168 Points
1 Answer
PLUS

Johnny Garces
Courses Plus Student 8,551 Points
what does Guil mean by hardware accelerated?

Posted December 17, 2015 6:47pm by Johnny Garces

Johnny Garces
Courses Plus Student 8,551 Points
1 Answer
Raowaa Mahmood
3,337 Points
-moz-webkit-o prefixes

Posted December 14, 2015 2:41pm by Raowaa Mahmood

Raowaa Mahmood
3,337 Points
1 Answer
Rifqi Fahmi
23,164 Points
what if adjacent ?

Posted December 1, 2015 8:40pm by Rifqi Fahmi

Rifqi Fahmi
23,164 Points
1 Answer
Omarwali Jones
8,251 Points
3D Transforms: Infinite rotation.... how? (Can an experienced CSS expert chime in)

Posted November 22, 2015 9:46pm by Omarwali Jones

Omarwali Jones
8,251 Points
1 Answer
David Wood
5,705 Points
Transition fail

Posted November 19, 2015 6:02pm by David Wood

David Wood
5,705 Points
2 Answers
Vincent Dulac
285 Points
CSS - What rules enable Hardware Acceleration?

Posted November 2, 2015 2:26am by Vincent Dulac

Vincent Dulac
285 Points
1 Answer
ammarkhan
Front End Web Development Techdegree Student 21,661 Points
property incorrect error

Posted August 30, 2015 4:31pm by ammarkhan

ammarkhan
Front End Web Development Techdegree Student 21,661 Points
1 Answer
Fat Dog
18,848 Points
I already write the transition CSS rules...

Posted August 28, 2015 3:28pm by Fat Dog

Fat Dog
18,848 Points
2 Answers
channonhall
12,247 Points
Next, add a transform function that evenly scales .badge by 1.5.

Posted August 19, 2015 10:16am by channonhall

channonhall
12,247 Points
2 Answers
Brad Lacke
7,438 Points
Using translate() vs. positioning offsets (?)

Posted July 18, 2015 1:08pm by Brad Lacke

Brad Lacke
7,438 Points
2 Answers
tomasliashuk
8,014 Points
Rendering problems with 3d

Posted July 16, 2015 11:35pm by tomasliashuk

tomasliashuk
8,014 Points
0 Answers
tomasliashuk
8,014 Points
Real world scenario for scaleZ() usage?

Posted July 16, 2015 10:02pm by tomasliashuk

tomasliashuk
8,014 Points
0 Answers
Stephen Furley
3,335 Points
Why would this not work? transition: border-radius .6s linear 1s ;

Posted July 16, 2015 10:48am by Stephen Furley

Stephen Furley
3,335 Points
3 Answers
Petrov von Petrov
21,916 Points
Not possible to set different transition-duration for 2 elements with transition-property: all;

Posted July 14, 2015 5:36pm by Petrov von Petrov

Petrov von Petrov
21,916 Points
5 Answers
Elena Paraschiv
9,938 Points
calculation for cubic-bezier

Posted July 8, 2015 1:20am by Elena Paraschiv

Elena Paraschiv
9,938 Points
0 Answers
Christopher van Ruitenbeek
13,705 Points
Validator bugged?

Posted June 16, 2015 1:16pm by Christopher van Ruitenbeek

Christopher van Ruitenbeek
13,705 Points
2 Answers
John Lukacs
26,806 Points
3d transforms:transition backside of picture

Posted June 15, 2015 12:45am by John Lukacs

John Lukacs
26,806 Points
2 Answers
Christian Kristoffersen
32,531 Points
Can't seem to figure this one out :( Transforms Challenge

Posted May 24, 2015 3:03pm by Christian Kristoffersen

Christian Kristoffersen
32,531 Points
1 Answer
Placid Rodrigues
12,630 Points
Border-radius is not in the list of Animatable properties in http://www.w3.org/TR/css3-transitions/

Posted March 31, 2015 9:01am by Placid Rodrigues

Placid Rodrigues
12,630 Points
1 Answer
Daniel Tofan
40,910 Points
Can you explain why "transition-duration: 0.4s;" is wrong???

Posted March 20, 2015 5:59pm by Daniel Tofan

Daniel Tofan
40,910 Points
2 Answers
Logan Wu
10,792 Points
"Make sure you're writing the transition properties in the correct rule."

Posted March 10, 2015 5:22am by Logan Wu

Logan Wu
10,792 Points
1 Answer
Lena Lekkou
24,180 Points
what's the answer to this question?

Posted March 8, 2015 10:59am by Lena Lekkou

Lena Lekkou
24,180 Points
1 Answer
Pierre Ramirez
5,632 Points
I have "transition-property:background; transition-duration:.4s;" to both states. Not sure what I am doing wrong here.

Posted March 4, 2015 7:37pm by Pierre Ramirez

Pierre Ramirez
5,632 Points
2 Answers
MOD

Jonathan Grieve
Treehouse Moderator 91,253 Points
Possible Bug in Transition Challenge (Beyond the Basics)

Posted March 4, 2015 5:04pm by Jonathan Grieve

Jonathan Grieve
Treehouse Moderator 91,253 Points
2 Answers
Hannah Pierce
5,448 Points
Moving Badge Counterclockwise Using Flex

Posted March 3, 2015 2:00am by Hannah Pierce

Hannah Pierce
5,448 Points
2 Answers

Prev Page 1 of 2 Next

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