※ 引述《taiwan08 (save the one for all)》之铭言：
: 各位前辈大家好
: 这是我目前练习的页面
: http://shining-show.com/demo/
: 目前为了让图片有斜角的效果，我用了两个图层叠上去
: 再加上
: border-bottom: 300px solid white;
: border-right: 3000px solid transparent;
: 就成为目前我练习的样式呈现
: 可是如果我想再加上shadow效果，如下图(右边的shadow是不管怎么用都是错的>"<)
: 想呈现左边的示意图，我该怎么处理会比较好呢？
:

: 先谢谢各位前辈的指教
: 附上jsfiddle:
: https://jsfiddle.net/r6ad4mpz/
基本上..我会建议你直接用编图软件
用border去画三角形, 那是一个trick
原理去google一下就有
你要做的阴影感觉是在border上面
没那种属性可以设定
比较可能的解法是
再贴第三层上去做box-shadow效果
background-color:transparent
只是你要对位置..而且你又做rwd
另外一个是svg画三角形, 用filter去做shadow效果