这是一个通过CSS3各种方式来测试箭头的DEMO

通过写上边框和右边框形成的角度进行旋转,代码简单

通过两个三角形叠加形成一个箭头,代码较多,需考虑背景色

通过旋转一个白色正方形,并给他阴影产生的效果(似乎android 2.x不支持模糊距离为0的情况.所以虽然效果也不错,不过依情况适用)

>

通过字体设置为-webkit-pictograph并进行缩放产生的效果,兼容性较差

V

这个实际上也是通过字体(cursive)控制,字母V通过旋转和变形,我觉得可能不好用,适合卡通版箭头吧...(有的移动端没这个字体或浏览器支持不好,PC端兼容性较差 2014年10月22日)

参考网站:http://www.w3cplus.com/content/css3-transform

更新日期:2014年10月31日