折线箭头 CSS

最新推荐文章于 2024-06-22 09:56:05 发布

7:00

最新推荐文章于 2024-06-22 09:56:05 发布

阅读量1k

点赞数

分类专栏： CSS

本文链接：https://blog.csdn.net/weixin_43503463/article/details/102516025

版权

CSS 专栏收录该内容

3 篇文章 1 订阅

订阅专栏

左箭头

.icon-left:after {
content: “”;
position: absolute;
top: -10px;
left: -5px;
margin: 20px;
border-right: 1px solid #757575;
border-bottom: 1px solid #757575;
width: 10px;
height: 10px;
transform: matrix(-0.71,-0.71, -0.71, 0.71, 0, 0)
}

右箭头

.icon-right:after {
content: “”;
position: absolute;
top: -10px;
left: -12px;
margin: 20px;
border-left: 1px solid #757575;
border-top: 1px solid #757575;
width: 10px;
height: 10px;
transform: matrix(-0.71,-0.71, -0.71, 0.71, 0, 0)
}

下箭头

.icon-bottom:after {
content: “”;
position: absolute;
top: -10px;
left: 58px;
margin: 20px;
border-left: 1px solid #757575;
border-bottom: 1px solid #757575;
width: 7px;
height: 7px;
transform: matrix(-0.71,-0.71, -0.71, 0.71, 0, 0)
}