如果您更喜歡使用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);

}

總結

以上是生活随笔為你收集整理的怎样用css设置图片下的投影,css – 做这种投影的最佳方法是什么？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。