# Verlauf im Header

**URL:** <https://forum.shopware.com/t/verlauf-im-header/27084>\
**Category:** Themes & Design\
**Created:** [9. Mai 2015 um 19:13 UTC](https://forum.shopware.com/t/verlauf-im-header/27084 "2015-05-09T19:13:43Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![VolkerSchroder](https://avatars.discourse-cdn.com/v4/letter/v/4da419/32.png) [@VolkerSchroder](https://forum.shopware.com/u/VolkerSchroder)\
**Post date:** [9. Mai 2015 um 19:13 UTC](https://forum.shopware.com/t/verlauf-im-header/27084/1 "2015-05-09T19:13:43Z")

</div>

Ich habe meinen Header mit folgenden Less Daten eingefärbt: `.header-main { background: #9DCFE5; .header--navigation { background: #9DCFE5; }` Eigentlich hätte ich gerne einen Verlauf von oben nach unten. Ich hab einiges dazu bei google gefunden, bekomme den korrekten Code aber nicht hin. Geht das überhaupt? Da ja die Header–navigation nicht so hoch ist wie der komplette Header… Bekommt man da einen sauberen Verlauf hin?

---

<div class="post-metadata">

**Author:** ![sonic](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/sonic/32/25728_2.png) [@sonic](https://forum.shopware.com/u/sonic)\
**Post date:** [9. Mai 2015 um 20:16 UTC](https://forum.shopware.com/t/verlauf-im-header/27084/2 "2015-05-09T20:16:22Z")

</div>

So 100% verstehe ich die Frage nicht 😉 Was gesucht wird ist der “Gradient” [http://www.w3schools.com/css/css3\_gradients.asp](http://www.w3schools.com/css/css3%5C_gradients.asp) Man kann schon steuern, wo der Verlauf anfängt und endet Und was “drüber” liegt, könnte man auch auf “background: transparent” setzen.

---

<div class="post-metadata">

**Author:** ![VolkerSchroder](https://avatars.discourse-cdn.com/v4/letter/v/4da419/32.png) [@VolkerSchroder](https://forum.shopware.com/u/VolkerSchroder)\
**Post date:** [9. Mai 2015 um 21:44 UTC](https://forum.shopware.com/t/verlauf-im-header/27084/3 "2015-05-09T21:44:21Z")

</div>

ok. Habs hinbekommen. Das „transparent“ war die Lösung 🙂