Title: I have problems using perspective
Last modified: June 20, 2025

---

# I have problems using perspective

 *  Resolved [burnuser](https://wordpress.org/support/users/burnuser/)
 * (@burnuser)
 * [11 months, 3 weeks ago](https://wordpress.org/support/topic/i-have-problems-using-perspective/)
 * Hi, I’m experiencing problems in using perspective.
 * Something works as expected, means a rectangle is visually 3D converted into 
   a trapeze and translate Z resizes the result +/-
    - Box and DIV Container with predefined Block classes like “Perspective and 
      shadow”
    - DIV Container
      Local Styles => CSS Transitions => Transform + Perspective (
      e.g. 400) + Rotate X (e.g. 30) + Translate Z (e.g. -100)
 * But in other cases there is no expected 3D transformation (no trapeze and no 
   scaling effect):
    - DIV Container
      Local Styles => CSS Transitions => Transform + Rotate X (e.g.
      30) + Translate Z (e.g. -100)+ using the predefined “Perspective” Input field
      below
    - Box Container and Image Advanced Block
      Tab Advanced => CSS Transform and transitionsPerspective(
      e.g. 400) + Rotate X (e.g. 13) + Translate Z (e.g. -100)(And “Preserve 3d”
      yes/no does not change anything.)
 * So , what I’m doing wrong?

Viewing 5 replies - 1 through 5 (of 5 total)

 *  Plugin Support [Illia Sanz](https://wordpress.org/support/users/illiagreen/)
 * (@illiagreen)
 * [11 months, 3 weeks ago](https://wordpress.org/support/topic/i-have-problems-using-perspective/#post-18522295)
 * do you know that perspective option (if you use it as not part of transform option)
   is working for children and not for block itself?
 *  Thread Starter [burnuser](https://wordpress.org/support/users/burnuser/)
 * (@burnuser)
 * [11 months, 3 weeks ago](https://wordpress.org/support/topic/i-have-problems-using-perspective/#post-18522343)
 * I tried everything: Image or Text in Box container, the results are as stated
   above.
 * And, if this is relevant for this case, I’m using the free Greenshift plugin 
   from WordPress directory without any (Animation) Extension Pack.
 * So, please, tell me what to do, if I want to use the perspective option in a 
   Box Container with an image or text block inside, in Tab Advanced => CSS Transform
   and transitions: …
 *  Plugin Support [Illia Sanz](https://wordpress.org/support/users/illiagreen/)
 * (@illiagreen)
 * [11 months, 3 weeks ago](https://wordpress.org/support/topic/i-have-problems-using-perspective/#post-18522425)
 * please provide link
 *  Thread Starter [burnuser](https://wordpress.org/support/users/burnuser/)
 * (@burnuser)
 * [11 months, 2 weeks ago](https://wordpress.org/support/topic/i-have-problems-using-perspective/#post-18523185)
 * Finally I got it.
 * But it is really tricky and I recommend to add some hints in Greenshift documentation
   and/or within the plugin user-interface:
    - **3D** View with **Advanced **=> **CSS Transform and transitions** needs a**
      block stack**
    - Use **Parent **Box / DIV Container block for **Perspective setting**
    - Use **Child **block for CSS **Transforms **like Rotate X and Translate Z
       * Attention 1: If Parent block is a Box container, Transformation of child
         blocks is not shown with perspective view in the editor, only in webpage
         preview!
       * Attention 2: If direct child block is an image (e.g. Image Advanced block),
         Perspective view does not work anyway on this image!
         Instead you need a**
         3 block stack** to add **Perspective **to an **image**: Box / DIV Parent
         Container => Box / DIV Child Container => Image block
 * I tried it with child blocks before, but struggled with the above stated special
   conditions, which are not obvious anyway, because the present user-interface 
   allows/suggests adding perspective and transformation settings all at once.
 *  Plugin Support [Illia Sanz](https://wordpress.org/support/users/illiagreen/)
 * (@illiagreen)
 * [11 months, 2 weeks ago](https://wordpress.org/support/topic/i-have-problems-using-perspective/#post-18523950)
 * It’s not question of Greenshift because this option is css option and it has 
   some peculiarities so it’s more for advanced usage. Even if you don’t know CSS,
   we have AI helper integrated in plugin and it can make such type of job quite
   good

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘I have problems using perspective’ is closed to new replies.

 * ![](https://ps.w.org/greenshift-animation-and-page-builder-blocks/assets/icon-
   256x256.gif?rev=2773637)
 * [Greenshift - animation and page builder blocks](https://wordpress.org/plugins/greenshift-animation-and-page-builder-blocks/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/greenshift-animation-and-page-builder-blocks/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/greenshift-animation-and-page-builder-blocks/)
 * [Active Topics](https://wordpress.org/support/plugin/greenshift-animation-and-page-builder-blocks/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/greenshift-animation-and-page-builder-blocks/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/greenshift-animation-and-page-builder-blocks/reviews/)

 * 5 replies
 * 2 participants
 * Last reply from: [Illia Sanz](https://wordpress.org/support/users/illiagreen/)
 * Last activity: [11 months, 2 weeks ago](https://wordpress.org/support/topic/i-have-problems-using-perspective/#post-18523950)
 * Status: resolved