Drop Shadows. Webdesigner lieben sie schon seit langer Zeit, so sehr, dass wir sie früher mit PNG-Bildern nachgeahmt haben, bevor CSS Level 3 sie mit der box-shadow-Eigenschaft formell in die Spezifikation aufnahm. Ich greife immer noch …
Paul Lewis hat eine 3D-Karten-Flip animiert. Das ist eigentlich recht einfach, aber hier war auch ein Schattenelement nötig.
…Der Schatten muss sich möglicherweise bewegen oder verblassen, daher benötigen wir eine Lösung, die wir mit Transformationen und Opazität animieren können.
Schatten entlang des oberen Rands der Website, wie dieser
body::before {
content: "";
position: fixed;
top: -10px;
left: 0;
width: 100%;
height: 10px;
box-shadow: 0px 0 10px rgba(0, 0, 0, 0.8);
z-index: 100;
}