[問題] 請問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