[问题] 请问box-shadow可以出现在这边吗?

楼主: taiwan08 (save the one for all)   2015-12-26 12:58:34
各位前辈大家好
这是我目前练习的页面
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/
作者: magicsung (sung)   2015-12-28 13:37:00
试试drop-shadow
作者: lininu (声音控:P)   2015-12-30 17:31:00
如果不在乎ie8以下要不要支援可以用transform把矩形旋转,以.fullrow做relative,多的overflow。白色矩形用Pseudo做shadow用内阴影(inset但觉得丑= =https://jsfiddle.net/InuLin/7ubkx6jL/

Links booklink

Contact Us: admin [ a t ] ucptt.com