mdn / interactive-examples

Home of the MDN live code editor interactive examples

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Be more explicit about necessity of `perspective()` argument

Stan-Stani opened this issue · comments

MDN URL

https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/translate3d

What specific section or headline is this issue about?

The Try It section

What information was incorrect, unhelpful, or incomplete?

The try it section should show that the perspective() argument is present. The CSS shown in the Try It section will not result in the output without perspective(),

What did you expect to see?

The try it section should show that the perspective() argument is present.

Do you have any supporting links, references, or citations?

https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/perspective

Do you have anything more you want to share?

No response

MDN metadata

Page report details

It looks like this is your first issue. Welcome! 👋 One of the project maintainers will be with you as soon as possible. We appreciate your patience. To safeguard the health of the project, please take a moment to read our code of conduct.

I believe the issue is about the first example, transform: translate3d(0);, which is missing two arguments. Is that right, @Stan-Stani?

Gosh, it's been a while. But I think the gist of my comment is that there are other required properties for the effect seen in the Try It section that are not clear to someone navigating to the article from a Google search who doesn't have more context, for example.

Here's a gif demonstrating that other properties are required for the effect but they are not made clear in the article:

moreRequiredProperties

I don't think that's the key point of this example. Live examples almost never provide reproducible code—rather, they hold all other variables constant so you can observe the effect of this one feature in a sufficiently complicated context.

That said, we'll leave it open so (1) the invalid case can be fixed (2) maybe someone has a different opinion.