求问佬，css怎么做这个？ - css吧

level 3

♂蒂蒂的大宝剑楼主

1要求绿和白棱形排列在一起的带子。
2要求这个带子，一直自己向右自己滚动，不停的。3且滚动过程中一直是这样排列的绿白棱形。

2023年12月06日 14点12分 1

level 8

天理难容⚡

我白天试试

2023年12月06日 17点12分 2

level 7

周存存

<!DOCTYPE html>
<html>
<head>
<title>Linear Gradient</title>
<style>
/* 基础重置样式 */
body {
margin: 0;
padding: 0;
}
/* 定义了一个名为"spin"的动画关键帧，将背景图像的横向位置从0%移动到100%。 */
@keyframes spin {
0% {
background-position: 0 0;
}
100% {
background-position: 100% 0;
}
}
div {
width: 100vw;
/* 1em等于一个汉字的宽高 */
height: 2em;
/* 为div元素添加了一个名为"spin"的动画，持续时间为5秒，使用线性的动画函数，并且动画无限循环。 */
animation: spin 5s linear infinite;
/* 设置了div元素的背景图像为一个线性渐变，渐变的角度为-45度，渐变的颜色从白色开始，到绿色，再到白色结束。渐变的百分比范围为0%到25%、25%到75%和75%到100%。 */
background-image: linear-gradient(-45deg,white 0% 25%, green 25% 75%, white 75% 100%);
/* 设置了div元素的背景图像大小为20em宽和2em高。只有设置背景大小才有效果 */
background-size: 20em 2em;
}
</style>
</head>
<body>
<div></div>
</body>
</html>

2023年12月06日 23点12分 3

天理难容⚡

2023年12月07日 03点12分

♂蒂蒂的大宝剑

谢谢

2023年12月07日 01点12分