Theme Seventeen: Schatten oberhalb und unterhalb der Pannels

Admiss

Hallo,

ich habe das Theme Seventeen und ich möchte über und unterhalb der Pannels einen Schatten haben.
Ich habe schon alles mögliche ausprobiert, aber egal was ich mache es funktioniert einfach nicht.
[Blockierte Grafik: https://ibb.co/s90Wmjs]
https://ibb.co/s90Wmjs

Im moment steht das in meinem CSS Code, alles andere hat nicht funktioniert

Code

.panel-image:before {
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%); /*
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /*

Ich würde mich über Hilfe freuen.

Lg

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

b3317133

Der CSS Code ist fehlerhaft. Es befinden sich öffnende Kommentarzeichen am jeweiligen Zeilenende und es fehlt eine schliessende Klammer.

Link zur Seite, wo man das Problem ansehen kann? Siehe auch Forenregeln, Punkt II.

Admiss

Sorry, hab nur einen Codeschnipsel eingefügt : Hier ist der ganze Code

Code

.panel-image:before {
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
    
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
    
    
                                                         /* chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(0,0,0,0)80%,
            rgba(0,0,0,0.4) 100%); /*
                                                                                    * W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
    bottom: 0;
    content: "";
    left: 0;
    right: 0;
    position: absolute;
    top: 0;
}

Alles anzeigen

Und hier ist der Link zur Seite

b3317133

Diese Regel überlagert in aktuellen Browsern die vorherigen Regeln:

Code

background: linear-gradient(to bottom, rgba(0,0,0,0)80%,
            rgba(0,0,0,0.4) 100%);

Und das Ergebnis dieser Regel wird in Deinem Screenshot angezeigt.

Hier eine ganz gute Seite, um sich etwas mit CSS Gradients zu beschäftigen, vermutlich suchst Du sowas in der Art:

Code

background: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0)20%, rgba(0,0,0,0)80%, rgba(0,0,0,0.4) 100%);

Admiss

Danke, aber ich komme einfach nicht weiter.

Ich hab es nochmal versucht auf den Screenshot zu verdeutlichen, wie ich es gerne möchte. Ich möchte über und unter den Pannel einen Schlagschatten haben. Überhalb werd es mir auch angezeigt, aber unterhalb bekomme ich es nicht hin.

[Blockierte Grafik: https://i.postimg.cc/QtBkdL9G/bild1.png]

So wie ich Dich verstanden hab, ist es nicht möglich ?

b3317133

Versuche es mal mit dem Code bei:

Zitat von b3317133

... vermutlich suchst Du sowas in der Art:

SEpp55

..... oder so etwas?¿? ;)

Code

.panel-image:before {
    background: linear-gradient(to top, rgba(0,0,0,0)80%, rgba(0,0,0,0.4) 100%),
            linear-gradient(to bottom, rgba(0,0,0,0)80%, rgba(0,0,0,0.4) 100%);
......
......
......
}

Admiss

Vielen Dank. Leider klappt es immer noch nicht so ganz.
Es ist so ein Schatten unten, aber der schließt nicht ganz am Ende an.

SEpp55

Die genaue Idee (Syntax) war, wie so oft von Herrn Go..le - Link

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Theme Seventeen: Schatten oberhalb und unterhalb der Pannels

Jetzt mitmachen!