Aus einem vorhandenen Template habe ich abgeguckt, wie ich einen Schatten erhalte und hab den noch in der Breite, dem Verlauf und der Farbe angepasst:
Code
box-shadow:0 4px 4px 0 rgba(0,0,255,0.2),0 4px 6px 0 rgba(0,0,255,0.18);
border-radius: 6px;
padding: 0.1em 1em 0.2em 1em;
Schon bei der Anpassung der Breite der Schatten und Verläufe stellte ich fest, dass ich gar nicht nachvollziehen kann, was welche Werte beeinflussen. Es erscheint mir einfach unklar, obwohl ich z.B. bei W3CSS versucht hatte, mich schlau zu machen. Also schreibe ich lieber, was ich denn bewirken möchte:
- Die obigen Schattendefinitionen sollen nur einen Schatten nach rechts und unten erzeugen.
- Ergänzen möchte ich diese Schatten so, dass oben und links ein weißer Rand ohne Verlauf entsteht, so als ob Licht auf einer Kante reflektiert wird.
Gibt mir bitte jemand einen CSS-Schnippsel dafür?