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