4月27

基于伪类的移动端1px less混合函数

| |
09:22 软件分析与设计  From: 本站原创
阅读(4461) | 评论(2) | 引用(0)
移动的端的1px,你懂的,这个是真的,挺好用的
[codes=c#]
.border(@t:1px, @r:1px, @b:1px, @l:1px, @radius:5px,@style:solid, @color:#D1D1D1){
    position: relative;
    &:before {
        content: "";
        box-sizing: border-box;
        position: absolute;
        width: 200%;
        height: 200%;
        left: 0;
        top: 0;
        -webkit-transform: scale(0.5);
        -webkit-transform-origin: 0 0;
        transform: scale(0.5);
        transform-origin: 0 0;
        border-style: @style;
        border-color: @color;
        border-top-width: @t;
        border-bottom-width: @b;
        border-left-width: @l;
        border-right-width: @r;
        border-radius:@radius;
    }
}
[/codes]

使用
[codes=c#]
.test {
>i {
     // 下边1px
     .border(0,0,1px,0,0);
  }
}
[/codes]
tommyhuc.cn网友,来自
2020/06/02 16:57
给v
tommyhuc.cn网友,来自
2020/06/02 16:57
韩国
分页: 1/1 第一页 1 最后页
发表评论
表情
emotemotemotemotemot
emotemotemotemotemot
emotemotemotemotemot
emot
打开HTML
打开UBB
打开表情
隐藏
记住我

昵称 : 

密码(可不填) :  游客无需密码

网址 (可不填) : 

电邮 (可不填) :  [注册]