# CSS Gradient in Perspective Style not working

**URL:** <https://forum.inductiveautomation.com/t/css-gradient-in-perspective-style-not-working/40565>\
**Category:** Ignition\
**Tags:** perspective, ignition80\
**Created:** [November 11, 2020, 8:17pm UTC](https://forum.inductiveautomation.com/t/css-gradient-in-perspective-style-not-working/40565 "2020-11-11T20:17:53Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Steve\_Laubach](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/steve_laubach/32/60900_2.png) [@Steve\_Laubach](https://forum.inductiveautomation.com/u/Steve_Laubach)\
**Post date:** [November 11, 2020, 8:17pm UTC](https://forum.inductiveautomation.com/t/css-gradient-in-perspective-style-not-working/40565/1 "2020-11-11T20:17:53Z")

</div>

I’m using CSS Gradients in Perspective 8.0.16. If I use them as an inline style on an object they are working. If I put them in a style they do not work.

Is this a bug or am I doing something wrong. Here’s an example gradient I’m using.

linear-gradient(0deg, rgb(128,0,0) 0%, rgb(200,0,0) 8%, rgb(255,200,200) 50%, rgb(200,0,0) 92%, rgb(128,0,0)

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [November 11, 2020, 11:08pm UTC](https://forum.inductiveautomation.com/t/css-gradient-in-perspective-style-not-working/40565/2 "2020-11-11T23:08:13Z")

</div>

You supplied this:

```auto
linear-gradient(0deg, rgb(128,0,0) 0%, rgb(200,0,0) 8%, rgb(255,200,200) 50%, rgb(200,0,0) 92%, rgb(128,0,0)

```

But try this (you’re missing a closing paren at the end):

```auto
linear-gradient(0deg, rgb(128,0,0) 0%, rgb(200,0,0) 8%, rgb(255,200,200) 50%, rgb(200,0,0) 92%, rgb(128,0,0))

```

Adding the paren got it working for me.

---

<div class="post-metadata">

**Author:** ![Steve\_Laubach](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/steve_laubach/32/60900_2.png) [@Steve\_Laubach](https://forum.inductiveautomation.com/u/Steve_Laubach)\
**Post date:** [November 12, 2020, 1:31pm UTC](https://forum.inductiveautomation.com/t/css-gradient-in-perspective-style-not-working/40565/3 "2020-11-12T13:31:13Z")

</div>

Thank you! It was a copy/paste error from my test environment to my style. I found a bug though.

I made this same mistake on several classes. If you are missing a parenthesis in one of your styles it breaks other styles. I think it only breaks styles downstream from the one you are missing a parenthesis on.

I put the parenthesis on one of the styles that was missing it and it didn’t fix the problem. Then I went through all of them and the style started working as soon as I fixed the one upstream from the one I had bound to a control.

Thanks again for your help.

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [November 12, 2020, 3:47pm UTC](https://forum.inductiveautomation.com/t/css-gradient-in-perspective-style-not-working/40565/4 "2020-11-12T15:47:48Z")

</div>

It’s not a bug - that’s just how CSS works.