CSS3帶漸變的箭頭

Question

我一直在goole中搜索如何創建和箭頭和框與CSS只。我已經在這裏找到了一個近乎完美的例子： -

http://dabblet.com/gist/4639593

我怎樣才能改變這種代碼，以便箭頭指向左邊和不對？

我已經嘗試了一些東西，但只是得到一個菱形指向左！

感謝

Answer 1

1. 變化.shape:after的margin到-24px 220px
2. 刪除border-top & border-right爲.shape:after
3. 添加下面的邊框.shape:afterborder-bottom: solid 1px #ccc; & border-left: solid 1px #ccc;

這裏最後的結果：http://dabblet.com/gist/5648799