推 magicsung: 試試drop-shadow 12/28 13:37
→ lininu: 如果不在乎ie8以下要不要支援可以用transform把矩形旋轉， 12/30 17:31
→ lininu: 以.fullrow做relative，多的overflow。白色矩形用Pseudo做 12/30 17:33
→ lininu: shadow用內陰影(inset 12/30 17:34
→ lininu: 但覺得醜= = 12/30 17:35
各位前輩大家好
這是我目前練習的頁面
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