FOLLOW UP: "Uhh, so what are the 2 codes supposed to do?" question

Question

Okay, if you will please go back to the CSS Tutorial and then go to 3D Transforms and up top you see ▶️? ▶️? ▶️?. Choose the middle ▶️and then click on the Do It Yourself on both of the code snippets and then click Run. You will see that NOTHING happens. This is what I meant and am confused about.

Answer 1

If you comment out the transform and -webkit-transform sections of the css and run the code and then un-comment it and rerun the code you'll see the difference. When the page loads the css here is immediately applied so the transform will take place prior to the div being visible. You will not see the movement on the X and Y axis. If this transform was part of a class or keyframe etc and applied from a click or hover or some other event then you'd be able to see the movement.

Answer 2

ChaoticDawg--
Ohhh, I get it! I wonder why they would do it like that so you can't see the effects? I mean, that seems...well, not very smart. Well, I appreciate your help, Dawg. I was really confused by that. What YOU said makes perfect sense to me. I am a little disappointed that the codes are not written in a way that is more dynamic, like the examples you gave. But that has nothing to do with you. I don't want you to think that I am unappreciative of your time and help because I am. I am just, as I mentioned above, disappointed in the codes. Thank you again Dawg. You should be a teacher or a professor. You explain things very well. ☺️