2016-12-28 147 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/ - 食物的思考:在給你空閒時間給某人之前,總是先檢查他們的記錄,誰我們希望他們會感激。 –