/* CSS动画无限时长代码 */
/* 设置动画名称 */
@keyframes example {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
/* 添加动画 */
div {
animation-name: example;
animation-duration: 2s;
/* 设置无限时长的动画 */
animation-iteration-count: infinite;
}首先，大家需要使用@keyframes规则来定义动画的过渡效果。在这个例子中，大家创建了一个名为“example”的动画，这个动画会让一个元素从0度旋转到360度。
接下来，在CSS中大家需要调用这个动画。您可以使用animation-name属性来命名您的动画，动画名称需要与@keyframes中的名称相匹配。然后，使用animation-duration属性来定义动画的持续时间，第一个数字是时间单位（毫秒或秒），第二个数字是动画持续时间的长度。
最后，大家需要设置animation-iteration-count属性来使动画无限循环。您可以在这个属性中使用“infinite”来表示动画的循环次数为无限。
这是一个简单的CSS动画无限时长的例子。通过调整@keyframes，您可以创建不同的动画效果，同时设置animation-iteration-count属性来控制动画的循环次数。无限时长的CSS动画可以为您的网站带来更多的互动和吸引力，让您的用户留下更长时间的印象。