Gewölbte Schatten
Divya Manian zeigt wie sich mit CSS3 ein gewölbter Schatten herstellen lässt. Sehr cool, wenn auch zur Zeit eher ein Blick in die Zukunft ist.
article:before, article:after {
-webkit-box-shadow: 0 15px 10px rgba(0,0,0, .7);
-moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
background:none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
bottom:15px;
content:"";
height:20%;
position:absolute;
width:50%;
z-index:-1;
}
article:after {
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
left:auto;
right:10px;
}
article:before {
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
left:10px;
right:auto;
}