# Display image symmetrically

**URL:** <https://forum.inductiveautomation.com/t/display-image-symmetrically/56279>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [February 17, 2022, 8:06pm UTC](https://forum.inductiveautomation.com/t/display-image-symmetrically/56279 "2022-02-17T20:06:49Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![deforder](https://avatars.discourse-cdn.com/v4/letter/d/aeb1de/32.png) [@deforder](https://forum.inductiveautomation.com/u/deforder)\
**Post date:** [February 17, 2022, 8:06pm UTC](https://forum.inductiveautomation.com/t/display-image-symmetrically/56279/1 "2022-02-17T20:06:50Z")

</div>

Good day!

How to display image symmetrically to horizontal/vertical axes (in perspective)?

Thanks in advance.

---

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [February 17, 2022, 9:10pm UTC](https://forum.inductiveautomation.com/t/display-image-symmetrically/56279/2 "2022-02-17T21:10:03Z")

</div>

Make two image components. Give the second one a style key of `transform: scaleX(-1)` (or `scaleY`, as needed). [How To Flip an Image](https://www.w3schools.com/howto/howto_css_flip_image.asp)

---

<div class="post-metadata">

**Author:** ![deforder](https://avatars.discourse-cdn.com/v4/letter/d/aeb1de/32.png) [@deforder](https://forum.inductiveautomation.com/u/deforder)\
**Post date:** [February 17, 2022, 10:38pm UTC](https://forum.inductiveautomation.com/t/display-image-symmetrically/56279/3 "2022-02-17T22:38:03Z")

</div>

It works. Thanks!