使用此之后CSS和HTML Code.It可以闪烁,改变颜色自动
<style>
.blink {
animation: blink-animation 1s steps(5, start) infinite;
-webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
to {
visibility: hidden;
}
}
@-webkit-keyframes blink-animation {
to {
visibility: hidden;
}
}
p{
-webkit-animation: color-change 1s infinite;
-moz-animation: color-change 1s infinite;
-o-animation: color-change 1s infinite;
-ms-animation: color-change 1s infinite;
animation: color-change 1s infinite;
margin-top:-10px;
}
@-webkit-keyframes color-change {
0% { color: red; }
50% { color: blue; }
100% { color: red; }
}
@-moz-keyframes color-change {
0% { color: red; }
50% { color: blue; }
100% { color: red; }
}
@-ms-keyframes color-change {
0% { color: red; }
50% { color: blue; }
100% { color: red; }
}
@-o-keyframes color-change {
0% { color: red; }
50% { color: blue; }
100% { color: red; }
}
@keyframes color-change {
0% { color: red; }
50% { color: blue; }
100% { color: red; }
}
</style>
<?php
$i="*";
$row = 4;
for($k = 0; $k <3;$k++){
for($j=1; $j<=$row; $j++){
echo "<center class='blink''><p>$i</p></center>";
$i .="**";
}
$i="*";
$row++;
}
?>
圣诞节一过,为什么是现在?你有点晚了;-)顺便说一句,你有什么尝试吗? –
*“我被赋予一项任务让它闪烁。”* - 这是“你的”任务,而不是“我们的”任务。尝试一下。这个问题太广泛了。 –
PHP是服务器端,CSS不是非常动态的,所以我没有预见到这个没有JavaScript的工作。 – Devon