怎样用css设置图片下的投影 css – 做这种投影的最佳方法是什么？

如果您更喜欢使用CSS来创建该类型的阴影,则可以将CSS3用作

seen here!

CSS

/* Lifted corners */

.lifted {

-moz-border-radius:4px;

border-radius:4px;

}

.lifted:before,.lifted:after {

bottom:15px;

left:10px;

width:50%;

height:20%;

max-width:300px;

-webkit-Box-shadow:0 15px 10px rgba(0,0.7);

-moz-Box-shadow:0 15px 10px rgba(0,0.7);

Box-shadow:0 15px 10px rgba(0,0.7);

-webkit-transform:rotate(-3deg);

-moz-transform:rotate(-3deg);

-ms-transform:rotate(-3deg);

-o-transform:rotate(-3deg);

transform:rotate(-3deg);

}

.lifted:after {

right:10px;

left:auto;

-webkit-transform:rotate(3deg);

-moz-transform:rotate(3deg);

-ms-transform:rotate(3deg);

-o-transform:rotate(3deg);

transform:rotate(3deg);

}