html+css怎么写出“分享到”前面的小箭头?

html-css029

html+css怎么写出“分享到”前面的小箭头?,第1张

如果要写的话也是可以的,但是一般情况下没有人会去浪费时间在这个图标上,一般直接通过切图用图片代替,获取使用字体图标,如果要写的话就是一个蓝色的圆然后再有一个白色的圆盖住它的大部分,最后一个三角形定位,最后拼出来,这样下来就很浪费时间,如果是使用图片,直接设置一个宽,然后做图片自适应就可以了

使用

当然,其他任意方向也是可以的,只需要控制旋转角度rotate即可。原理是构造了一个正方形,隐藏了其中的两条边left和bottom,然后进行旋转。

通过使用正方形左下两条边,并向下向右平移,再旋转,得到一个向下并居中的箭头