.menu_item添加点击效果-右箭头

最新推荐文章于 2023-11-13 17:07:38 发布

).(

最新推荐文章于 2023-11-13 17:07:38 发布

阅读量442

点赞数

分类专栏：前端文章标签： css

本文链接：https://blog.csdn.net/weixin_43493113/article/details/113374377

版权

前端专栏收录该内容

13 篇文章 0 订阅

订阅专栏

.menu_item添加点击效果-右箭头

最终结果
在这里插入图片描述

.menu_item.is-active {
	background-color: rgba(61, 126, 255, 0.1);
	span {
		color: #3D7EFF;
	}
}
.menu_item.is-active::after{
   display: inline-block;
          content: " ";
          height: 7px;
          width: 7px;
          border-width: 2px 2px 0 0;
          border-color: #3e9afe;
          border-style: solid;
          transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
          position: absolute;
          top: 43%;
          left: 150px;
}