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 delta降尺度计算的一些细节，有偿
  • ¥15 Arduino红外遥控代码有问题
  • ¥15 数值计算离散正交多项式
  • ¥30 数值计算均差系数编程
  • ¥15 redis-full-check比较 两个集群的数据出错
  • ¥15 Matlab编程问题
  • ¥15 训练的多模态特征融合模型准确度很低怎么办
  • ¥15 kylin启动报错log4j类冲突
  • ¥15 超声波模块测距控制点灯，灯的闪烁很不稳定，经过调试发现测的距离偏大
  • ¥15 import arcpy出现importing _arcgisscripting 找不到相关程序