2016-12-28 29 views
-4

这是一个将产生像圣诞树一样的输出的代码。如何使用css使用不同的颜色闪烁。我是一个初学者,非常感谢。我被赋予一个任务让它闪烁。如何使这个PHP圣诞树眨眼与使用css的差异颜色

<?php 

    $i="*"; 
    $row = 4; 
    for($k = 0; $k <3;$k++){ 
     for($j=1; $j<=$row; $j++){ 
      echo "<center>$i</center>"; 
      $i .="**"; 
     } 
     $i="*"; 
     $row++; 
    } 

    ?> 
+6

圣诞节一过,为什么是现在?你有点晚了;-)顺便说一句,你有什么尝试吗? –

+1

*“我被赋予一项任务让它闪烁。”* - 这是“你的”任务,而不是“我们的”任务。尝试一下。这个问题太广泛了。 –

+1

PHP是服务器端,CSS不是非常动态的,所以我没有预见到这个没有JavaScript的工作。 – Devon

回答

1

使用此之后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++; 
    } 

    ?> 
+3

请不要为自己没有努力的用户编写代码。这是一个_assignment_,可能是家庭作业,OP应该自己做。给他们复制和粘贴的答案对鼓励学习没有太大的帮助,是吗?更好的答案是解释一下CSS动画并给出一个_basic_示例,然后让OP将这些知识应用于树问题。 – Chris

+2

Yah好方法,对不起直接回答,以后我会跟着。感谢 –

+1

和OP在你的回答中跑出来,就像他们为他们的其他问题所做的一样http://stackoverflow.com/q/41361266/ - 食物的思考:在给你空闲时间给某人之前,总是先检查他们的记录,谁我们希望他们会感激。 –