css做三角形横线加小三角,CSS创建三角形(小三角)的几种方法

你可以在很多地方看到三角形(小三角):tooltips提示框、下拉菜单、甚至在loading载入动画里。不管你喜欢还是不喜欢,这些小元素对各UI元素之间的联系关系式很重要的。

有一些不同的方法来设计并制作一个三角形,在本文中,我将介绍:

编码 图片

假如你已经有了三角形的图片,并且减少HTTP请求,那么将这个图片转换成一个BASE64字符串是最好的解决方案。

有用的工具(用于图片转换成BASE64编码):

优点

你可以按照自己的思想设计阴影,渐变等,然后对其进行转

你可能感兴趣的:(css做三角形横线加小三角)