※ 引述《taiwan08 (save the one for all)》之铭言： : 各位前辈大家好 : 这是我目前练习的页面 : http://shining-show.com/demo/ : 目前为了让图片有斜角的效果，我用了两个图层叠上去 : 再加上 : border-bottom: 300px solid white; : border-right: 3000px solid transparent; : 就成为目前我练习的样式呈现 : 可是如果我想再加上shadow效果，如下图(右边的shadow是不管怎麽用都是错的>"<) : 想呈现左边的示意图，我该怎麽处理会比较好呢？ : http://i.imgur.com/aoF5JUu.jpg : 先谢谢各位前辈的指教 : 附上jsfiddle: : https://jsfiddle.net/r6ad4mpz/ 基本上..我会建议你直接用编图软体 用border去画三角形, 那是一个trick 原理去google一下就有 你要做的阴影感觉是在border上面 没那种属性可以设定 比较可能的解法是 再贴第三层上去做box-shadow效果 background-color:transparent 只是你要对位置..而且你又做rwd 另外一个是svg画三角形, 用filter去做shadow效果 --

※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 118.168.77.173 ※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1451109310.A.476.html