三角形变形记，用纯css实现的分布导航条效果 对于一些做前端开发的朋友，好多时候都会遇到各种各样的图形需要用图片做背景来实现，我个人比较倾向于css，在考虑成本后能用纯css来实现的绝对不用图片。这样的做法一是为了载入速度，二嘛就是为了耍酷（悲哀的是美女不会看代码而结识我...）。饶是如此，对于一些复杂的图形的我也束手无策，只能采用常规战术。但是对于一些比较简单的图形呢？比如正方形，长方形，三角形，如果只是纯色背景的话，我们肯定是不会去用图片做的。至于为什么，大家都是明白人不用我说了。不过某些时候需要用到一些稍微特殊的一些效果，比如上面看到的纯css实现的那种类似导航的效果，其中用到了三角形，有些朋友可能会犯难，难以琢磨这种形状是如何用css来实现的，不过不用着急，道理很简单，看了本篇教程你会恍然大悟的！