css3 实现一个线性渐变出现的问题?
高洛峰
高洛峰 2016-11-07 15:49:24
[CSS3讨论组]

892670031-581ee02140c15_articlex.png

.linear {
    position: relative;
    height: 1px;
    width: 100%;
    background: -webkit-linear-gradient(left,#fff 20%,#000 60%,#fff 20%);
}

结果就变成了这样:

892670031-581ee02140c15_articlex.png

不知道哪里出现了问题?

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回复(1)
三叔
用法:-webkit-linear-gradient(left,#fff 20%,#000 60%, #fff);

颜色断点后面跟着百分比,是整个线性距离的百分比,所以,最前面应该是 0%,最后是 100%,其余百分比依次递增。0% 与 100% 可以省略不写。


热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号