# CSS flip card problem

**URL:** <https://forum.inductiveautomation.com/t/css-flip-card-problem/81139>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [October 29, 2023, 8:25pm UTC](https://forum.inductiveautomation.com/t/css-flip-card-problem/81139 "2023-10-29T20:25:31Z")\
**Posts on this page:** 1\
**Showing post:** 4

<div class="post-metadata">

**Author:** ![Felipe\_CRM](https://avatars.discourse-cdn.com/v4/letter/f/dfb087/32.png) [@Felipe\_CRM](https://forum.inductiveautomation.com/u/Felipe_CRM)\
**Post date:** [October 30, 2023, 2:59pm UTC](https://forum.inductiveautomation.com/t/css-flip-card-problem/81139/4 "2023-10-30T14:59:05Z")

</div>

I got it to work on my test page, but I used camelcase for the properties, in particular `backfaceVisibility: hidden`:  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/4/b46b0a2d0f705c2f12eccc84b23ffb2b847f8f46.png)

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/e/ce1f0df13eac0823c594d52272cfd2a59512bc6a.png)

Perspective doesn't really play nice with the hyphen-case property names, here's one example:

> [@Event Script crashes with CSS Properties that include hyphen](https://forum.inductiveautomation.com/t/event-script-crashes-with-css-properties-that-include-hyphen/68932/4):
>
> Note that in python, a dash means "subtract". Jython doesn't know that you were trying to use the dash as part of a name, and that's not something IA can fix. Transforming naming styles is a workaround for poorly-thought-out computing standards (looking at you W3C).

---

_[View the full topic](https://forum.inductiveautomation.com/t/css-flip-card-problem/81139)._