# LESS Compiler Background gradients

**URL:** <https://forum.shopware.com/t/less-compiler-background-gradients/43925>\
**Category:** Themes & Design\
**Created:** [22. Februar 2017 um 02:46 UTC](https://forum.shopware.com/t/less-compiler-background-gradients/43925 "2017-02-22T02:46:10Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![brettvormkopp](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/brettvormkopp/32/7788_2.png) [@brettvormkopp](https://forum.shopware.com/u/brettvormkopp)\
**Post date:** [22. Februar 2017 um 02:46 UTC](https://forum.shopware.com/t/less-compiler-background-gradients/43925/1 "2017-02-22T02:46:10Z")

</div>

Moin, ich habe zwei Fragen,

- Wie alt ist der LESS Compiler in Shopware?
- 

Wie bekomme ich mehrere Farbgradienten in einem background in LESS compiled? Beispiel: background: gradient(…),gradient(…)…

&nbsp;

Dankeschön&nbsp;

---

<div class="post-metadata">

**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\
**Post date:** [22. Februar 2017 um 07:36 UTC](https://forum.shopware.com/t/less-compiler-background-gradients/43925/2 "2017-02-22T07:36:17Z")

</div>

Der Less Compiler ist die letzte Version:

[shopware/composer.json at 5.2 · shopware/shopware · GitHub](https://github.com/shopware/shopware/blob/5.2/composer.json#L54) -\>&nbsp;[GitHub - oyejorge/less.php: less.js ported to PHP.](https://github.com/oyejorge/less.php)

Bzgl. Gardient: Diese werden in CSS durch ein Komma getrennt -\>&nbsp;[http://stackoverflow.com/questions/8253452/how-to-add-multiple-css-gradient-as-a-multiple-background](http://stackoverflow.com/questions/8253452/how-to-add-multiple-css-gradient-as-a-multiple-background)

---

<div class="post-metadata">

**Author:** ![Moritz\_Naczenski](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/moritz_naczenski/32/7792_2.png) [@Moritz\_Naczenski](https://forum.shopware.com/u/Moritz_Naczenski)\
**Post date:** [22. Februar 2017 um 07:41 UTC](https://forum.shopware.com/t/less-compiler-background-gradients/43925/3 "2017-02-22T07:41:44Z")

</div>

In der Composer.lock steht auch immer, welche Version wir konkret nutzen:&nbsp;[shopware/composer.lock at 5.2 · shopware/shopware · GitHub](https://github.com/shopware/shopware/blob/5.2/composer.lock)

---

<div class="post-metadata">

**Author:** ![brettvormkopp](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/brettvormkopp/32/7788_2.png) [@brettvormkopp](https://forum.shopware.com/u/brettvormkopp)\
**Post date:** [22. Februar 2017 um 09:36 UTC](https://forum.shopware.com/t/less-compiler-background-gradients/43925/4 "2017-02-22T09:36:33Z")

</div>

Danke [@Moritz Naczenski]([http://forum.shopware.com/profile/14574/Moritz](http://forum.shopware.com/profile/14574/Moritz) Naczenski „Moritz Naczenski“)‍ , gut zu wissen!

@Shopwareianer‍ , könntest du das hier rendern mit Shopware? Und wenn ja, wie hast du das angestellt?

```
background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%),radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%);

```

Danke euch.

&nbsp;

**PS: es ist pures CSS, ich brauch es auch nicht als LESS Funktion oder ähnliche. Wäre sogar schön wenn man LESS animieren könnte diesen Teil NICHT zu rendern.**

---

<div class="post-metadata">

**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\
**Post date:** [22. Februar 2017 um 09:44 UTC](https://forum.shopware.com/t/less-compiler-background-gradients/43925/5 "2017-02-22T09:44:12Z")

</div>

Ja kann ich 🙂

Was klappt denn bei dir nicht?

Hier bspw. mit beiden Gardient 1zu1 wie du es geschrieben hast: [Link](https://www.dropbox.com/s/0a4qhz8zio6izui/Screenshot%202017-02-22%2011.43.06.JPG?dl=0)

Und hier den zweiten bspw. entfernt: [Link](https://www.dropbox.com/s/2c6a64ccoxxa69u/Screenshot%202017-02-22%2011.43.47.JPG?dl=0)

&nbsp;

---

<div class="post-metadata">

**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\
**Post date:** [22. Februar 2017 um 09:45 UTC](https://forum.shopware.com/t/less-compiler-background-gradients/43925/6 "2017-02-22T09:45:58Z")

</div>

Ja kann ich 🙂

Was klappt denn bei dir nicht?

Hier bspw. mit beiden Gardient 1zu1 wie du es geschrieben hast: [Link](https://www.dropbox.com/s/0a4qhz8zio6izui/Screenshot%202017-02-22%2011.43.06.JPG?dl=0)

Und hier den zweiten bspw. entfernt: [Link](https://www.dropbox.com/s/2c6a64ccoxxa69u/Screenshot%202017-02-22%2011.43.47.JPG?dl=0)

Du kannst natürlich auch irgendeinen CSS Gardient Generatur nutzen mit puren CSS. Zusätzlich kannst du bei bedarf auch einfach die Hex-Codes durch die Less Variablen ersetzen. Musst du ja aber nicht, wenn du nicht ständig die Farben änderst.

&nbsp;