css样式循环,css无限循环

CSS怎么循环显示

主要需要使用 -webkit-animation

如：

-webkit-animation:gogogo 2s infinite linear ;

其中gogogo是自己定义的动画帧，2s是整个动画的秒数，infinite是永久循环 linear是线性变化 (step-end则是无线性变化，直接输出结果)

代码如下：

CSS:

@-webkit-keyframes gogogo {

0%{

-webkit-transform: rotate(0deg);

border:5px solid red;

}

50%{

-webkit-transform: rotate(180deg);

background:black;

border:5px solid yellow;

}

100%{

-webkit-transform: rotate(360deg);

background:white;

border:5px solid red;

}

}

.loading{

border:5px solid black;

border-radius:40px;

width: 28px;

height: 188px;

-webkit-animation:gogogo 2s infinite linear ;

margin:100px;

}

css怎么循环加载不一样的效果

要么你等页面加载完成后通过JS操作，要么在循环输出时加载不同的CSS样式，通过变量$i区分样式。

如foreach($a as $key=$value){

$str.="div class='css{$key}'/div";

}

页面CSS：

.css0{color:yellow;}

.css1{color:blue;}

……等等

怎么循环六个不同css样式

$("ul  li  a").each(function() {

    alert("current class name is  " + this.className);

});