H5开发笔记-2:细线1像素0.5px

通常是给元素order-bottom: 1px solid #ddd;，然后通过transform: scaleY(.5)缩小0.5倍来达到0.5px的效果，

.scale{
    position: relative;
}
.scale:after{
    content:"";
    position: absolute;
    bottom:0px;
    left:0px;
    right:0px;
    border-bottom:1px solid #ddd;
    -webkit-transform:scaleY(.5);
    -webkit-transform-origin:0 0;
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 我在做移动端时遇见的css问题
    关于css常见问题，大多是移动端的。 简单的排版规则：条目与条目之间空两行，每条内容部分分段空一行。标点符号全部用...
    苏水儿阅读 10,463评论 0赞 9
  • 实用的60个CSS代码片段
    1、垂直对齐 如果你用CSS，则你会有困惑：我该怎么垂直对齐容器中的元素？现在，利用CSS3的Transform，...
    kiddings阅读 8,384评论 0赞 11
  • 各种纯css图标
    各种纯css图标 CSS3可以实现很多漂亮的图形，我收集了32种图形，在下面列出。直接用CSS3画出这些图形，要比...
    剑残阅读 13,249评论 0赞 8
  • 任你行：林夕
    完全是冲着林夕去的。 不知道什么时候开始关注到这个被上天恩宠的作词人。大约是一首听了好多年的歌作词人是他，后来发现...
    SHEROtomorrow阅读 10,339评论 0赞 1
  • 我曾不舍，因为北方有大白
    01 叶子是我的大学舍友，典型的南方姑娘，肤白貌美，大长腿，一头大大的波浪卷发，168的个头，家境也很好，刚进宿舍...
    桉木心阅读 10,268评论 0赞 3