CSS实现上下左右箭头

发布于:2020-08-03 最后编辑:2020-08-03 所属分类:前端 阅读次数:1649

之前我们记录过CSS 利用 :before :after 实现三角形箭头,这次我们说一下如何实现单线条的指示箭头。原理很简单,给指定元素设置两条边框,然后利用CSS中的transform方法下的rotate方法进行角度旋转即可。下面来看下示例代码。

示例代码

See the Pen
eYZOdZZ
by LaoGuo (@75k)
on CodePen.

标签: