用css伪元素制作箭头图标

原创
2019/04/23 09:27
阅读数 1.3K

用css伪元素制作跳转箭头图标

在一些前端框架中见到过伪元素做的图标,现在一般都自己写了,用伪元素可以代替不少图片

.yui-cell{
position: relative;
}
.yui-cell:before{
  content: " ";
  display: inline-block;
  height: 0.7em;
  width: 0.5em;
  border-width: 1px 1px 0 0;
  border-color: #323232;
  border-style: solid;
  -webkit-transform: matrix(.51,.51,-0.51,.51,0,0);
  transform: matrix(.51,.51,-0.51,.51,0,0);
  position: absolute;
  top: 31%;
  left: 0;
}
展开阅读全文
加载中
点击引领话题📣 发布并加入讨论🔥
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部