L-YASHU 2017-09-09 10:18 采纳率: 41.7%
浏览 3487

CSS实现横线两段逐渐变细变淡

图片说明

请问大家，怎么用CSS实现上图中横线两端逐渐变细变淡的效果？

  • 写回答

2条回答

  • /*----无忧----*/ 2017-09-11 02:50
    关注

    用css3渐变就好啦！

     <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .box{
            width:500px;
            height:2px;
            background: -webkit-linear-gradient(left, #fff 14%,#333 50%,#fff 100%);
        }
    </style>
</head>
<body>
<div class="box"></div>
</body>
</html>
    评论

报告相同问题？

悬赏问题

  • ¥15 程序不包含适用于入口点的静态Main方法
  • ¥15 素材场景中光线烘焙后灯光失效
  • ¥15 请教一下各位，为什么我这个没有实现模拟点击
  • ¥15 执行 virtuoso 命令后，界面没有，cadence 启动不起来
  • ¥50 comfyui下连接animatediff节点生成视频质量非常差的原因
  • ¥20 有关区间dp的问题求解
  • ¥15 多电路系统共用电源的串扰问题
  • ¥15 slam rangenet++配置
  • ¥15 有没有研究水声通信方面的帮我改俩matlab代码
  • ¥15 ubuntu子系统密码忘记