background: linear-gradient 条纹

Posted chz1905

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了background: linear-gradient 条纹相关的知识,希望对你有一定的参考价值。

项目中用到做进度条,参考

 

<view style="background: linear-gradient(45deg,#F9C058 25%,#FA7560 0,#FA7560 50%,#F9C058 0,#F9C058 75%,#FA7560 0);width: 100%;height: 200rpx;background-size:40rpx 40rpx;">
background: linear-gradient(45deg,#F9C058 25%,#FA7560 0,#FA7560 50%,#F9C058 0,#F9C058 75%,#FA7560 0);
width: 100%;
height: 200rpx;
background-size:40rpx 40rpx;

 

技术图片

 

 

以上是关于background: linear-gradient 条纹的主要内容,如果未能解决你的问题,请参考以下文章

0078 背景线性渐变:background: linear-gradient(起始方向, 颜色1, 颜色2, ...)

渐变背景色 linear-gradient

如何仅使用 CSS 在具有淡入淡出效果的悬停时更改 DIV `background linear-gradient`? [复制]

background的水平条纹和斜向条纹

css3 background-image linear-gradient渐变色 transition 无效

线性渐变