# How much CSS can the web DSL handle?

**URL:** <https://discuss.kotlinlang.org/t/how-much-css-can-the-web-dsl-handle/27787>\
**Category:** Support\
**Created:** [December 11, 2023, 7:41am UTC](https://discuss.kotlinlang.org/t/how-much-css-can-the-web-dsl-handle/27787 "2023-12-11T07:41:46Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![shemitz](https://avatars.discourse-cdn.com/v4/letter/s/c89c15/32.png) [@shemitz](https://discuss.kotlinlang.org/u/shemitz)\
**Post date:** [December 11, 2023, 7:41am UTC](https://discuss.kotlinlang.org/t/how-much-css-can-the-web-dsl-handle/27787/1 "2023-12-11T07:41:46Z")

</div>

I posted [a question in Libraries](https://discuss.kotlinlang.org/t/how-do-you-specify-a-transition-in-the-kotlinx-html-dsl/27720) about CSS transitions that perhaps I should have posted here. I’m having similar issues trying to add a simple gradient background - `LinearGradientStep` seems to be a sealed interface, not a class with constructor parameters.

Are these things supposed to work, or does the code I see on GitHub have no connection to the libraries available in IDEA 2023.3 (Community Edition)? Fwiw, my web toy is based on the Kotlin-to-Javascript sample project, and I keep wondering if I just need to tweak project settings the right way.

---

<div class="post-metadata">

**Author:** ![shemitz](https://avatars.discourse-cdn.com/v4/letter/s/c89c15/32.png) [@shemitz](https://discuss.kotlinlang.org/u/shemitz)\
**Post date:** [December 15, 2023, 12:20am UTC](https://discuss.kotlinlang.org/t/how-much-css-can-the-web-dsl-handle/27787/2 "2023-12-15T00:20:48Z")

</div>

After asking on the Slack channel, it turns out that in this case the `linearGradient()` parameter type `LinearColorStop` is a sort of placeholder -

```auto
                        backgroundImage = linearGradient(
                            angle = 90.deg,
                            rgba(0, 255, 0, .5),
                            rgba(2554, 255, 0, .5),
                            rgba(255, 0, 0, .5)
                        )

```

works just fine.