各位前輩大家好
這是我目前練習的頁面
http://shining-show.com/demo/
目前為了讓圖片有斜角的效果，我用了兩個圖層疊上去
再加上
border-bottom: 300px solid white;
border-right: 3000px solid transparent;
就成為目前我練習的樣式呈現
可是如果我想再加上shadow效果，如下圖(右邊的shadow是不管怎麼用都是錯的>"<)
想呈現左邊的示意圖，我該怎麼處理會比較好呢？


先謝謝各位前輩的指教
附上jsfiddle:
https://jsfiddle.net/r6ad4mpz/

試試drop-shadow

如果不在乎ie8以下要不要支援可以用transform把矩形旋轉，以.fullrow做relative，多的overflow。白色矩形用Pseudo做shadow用內陰影(inset但覺得醜= =https://jsfiddle.net/InuLin/7ubkx6jL/