[問題] 請問box-shadow可以出現在這邊嗎?

看板Web_Design作者 (save the one for all)時間9年前 (2015/12/26 12:58), 9年前編輯推噓1(105)
留言6則, 2人參與, 最新討論串1/2 (看更多)
各位前輩大家好 這是我目前練習的頁面 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/ -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 220.132.209.100 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1451105924.A.C8F.html ※ 編輯: taiwan08 (220.132.209.100), 12/26/2015 13:00:10

12/28 13:37, , 1F
試試drop-shadow
12/28 13:37, 1F

12/30 17:31, , 2F
如果不在乎ie8以下要不要支援可以用transform把矩形旋轉,
12/30 17:31, 2F

12/30 17:33, , 3F
以.fullrow做relative,多的overflow。白色矩形用Pseudo做
12/30 17:33, 3F

12/30 17:34, , 4F
shadow用內陰影(inset
12/30 17:34, 4F

12/30 17:35, , 5F
但覺得醜= =
12/30 17:35, 5F

12/30 17:56, , 6F
文章代碼(AID): #1MVXw4oF (Web_Design)
文章代碼(AID): #1MVXw4oF (Web_Design)