Does Perspective Effect Actually Work? Part 2

[co50]

I’ve added the Perspective effect to:

a) an image
b) a column containing an image
c) a DIV with an image in it
d) a row containing an image

It doesn’t do anything. Why do all the other effects just work on the image while perspective is a dummy effect?

[christian]

Hey Greg,

Kindly learn how Perspective works here and here. If you want an image have a perspective, put it in a Div element and set the Perspective effect in the Div. Then, set the ROTATE effect in the Image element.

[co50]

I already reviewed the links you sent the last time you responded to this question. They are of no help.

Why is perspective so strange? I don’t understand why it can’t work like the other effects. Skew can work directly on the image but not perspective? And how would anyone know that you need to add an ADDITIONAL effect that you didn’t ask for nor want, rotate, for perspective to work? This is a really bad implementation and the end result isn’t even what anyone wants. I want a perspective effect, not a rotate effect.

[connexxions]

From the first link provided by @christian:

The perspective property defines how far the object is away from the user. So, a lower value will result in a more intensive 3D effect than a higher value.

This means that it doesn’t do anything on its own. It merely makes 3D effects more pronounced.

It is similar to changing the focal length of a lens, which will change how objects look as they rotate or move in the space.

Notice in the second link shared above, the rotateX stays the same (45deg), but the perspective changes, making the result look different.

You are correct that perspective on its own does nothing. This is the way the CSS transform properties are set up and how they operate.

[christian]

Thanks for chiming in with an explanation @arthurodb.

@co50,

@co50

Why is perspective so strange? I don’t understand why it can’t work like the other effects. Skew can work directly on the image but not perspective?

Those are questions for the makers of CSS. We can’t answer those. The Effects Transform options are only an interface for the CSS Transform property.

@co50

And how would anyone know that you need to add an ADDITIONAL effect that you didn’t ask for nor want, rotate, for perspective to work?

Learn CSS especially the CSS Transform property. As mentioned above: “The Effects Transform options are only an interface for the CSS Transform property.”

@co50

I want a perspective effect, not a rotate effect.

If you don’t have the time to learn CSS, you can subscribe to our One Total Care service and we’ll set up the perspective effect you need.