Jump to content

"try it yourself" not working?


brynn

Recommended Posts

Hi Friends,

I almost posted this in the Suggestions board, but likely this is a problem on my end, somehow. Although I'm sure you can move this, if it is some kind of problem.

 

For the CSS3 2D Transforms and 3D Transforms tutorials, the "Try it yourself" examples don't work. I'm using Firefox all current and up to date (atm 37.0.2). And the Browser Support section says it should be supported. All the other "TIYs" work as expected.

 

Is it something I'm missing? I guess I'm getting a little ahead of myself, maybe trying to learn too much too soon. So potentially I could have missed something, along the way, that would explain this. Or is there a problem in those examples?

 

Thanks for enlightening me :)

Link to comment
Share on other sites

Is this what you mean? I tried like this, but didn't work.

<style> div {    width: 300px;    height: 100px;    background-color: yellow;    border: 1px solid black;    -moz-transform: translate(50px,100px);    -ms-transform: translate(50px,100px); /* IE 9 */    -webkit-transform: translate(50px,100px); /* Safari */    transform: translate(50px,100px); /* Standard syntax */}</style>
Link to comment
Share on other sites

It does work, without -moz-, it positioned like you are adding top left margin from its position without margin, there is no animation or anything to show it is/has moved.NOTE:I am using same version Firefox version

Edited by dsonesuk
Link to comment
Share on other sites

I'm not sure I understand. Are you saying that those examples are not supposed to show the animation?

 

If not, I would ask, why not?

Edited by brynn
Link to comment
Share on other sites

Please excuse my newbie-ness. But what use is that kind of code then? Why not just put the box where you want it in the first place, rather than put it in one place, and then write code for it to be in another place. I must be missing some major concept.

Link to comment
Share on other sites

Hhmm.....well a lot of the info in that article is still over my head, at the moment. But I'll forge ahead and hopefully it will become clear.

 

Thank you very much for taking the time to help me to understand :)

 

(Edit -- I can't remember if this forum likes topics to be marked solved. But I can't find the button, if there is. Anyway, we can close this topic now. TA)

Edited by brynn
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...