Unverified Commit 0b928ff9 authored by tunip3's avatar tunip3 Committed by GitHub
Browse files

add more colors

parent 24394f15

index.html

+57 −19
Original line number Diff line number Diff line
@@ -31,31 +31,69 @@ h1{ 
    }



    @-webkit-keyframes color-change {

        0% { color: red; }

        50% { color: blue; }

        100% { color: red; }

        0%{color: orange;}	

     10%{color: purple;}	

      20%{color: red;}

     30%{color: CadetBlue;}

      40%{color: yellow;}

     50%{color: coral;}

      60%{color: green;}

     70%{color: cyan;}

     80%{color: DeepPink;}

     90%{color: DodgerBlue;}

      100%{color: orange;}

    }

    @-moz-keyframes color-change {

        0% { color: red; }

        50% { color: blue; }

        100% { color: red; }

        0%{color: orange;}	

     10%{color: purple;}	

      20%{color: red;}

     30%{color: CadetBlue;}

      40%{color: yellow;}

     50%{color: coral;}

      60%{color: green;}

     70%{color: cyan;}

     80%{color: DeepPink;}

     90%{color: DodgerBlue;}

      100%{color: orange;}

    }

    @-ms-keyframes color-change {

        0% { color: red; }

        50% { color: blue; }

        100% { color: red; }

        0%{color: orange;}	

     10%{color: purple;}	

      20%{color: red;}

     30%{color: CadetBlue;}

      40%{color: yellow;}

     50%{color: coral;}

      60%{color: green;}

     70%{color: cyan;}

     80%{color: DeepPink;}

     90%{color: DodgerBlue;}

      100%{color: orange;}

    }

    @-o-keyframes color-change {

        0% { color: red; }

        25% { color: purple; }

        50% { color: blue; }

        100% { color: green; }

        0%{color: orange;}	

     10%{color: purple;}	

      20%{color: red;}

     30%{color: CadetBlue;}

      40%{color: yellow;}

     50%{color: coral;}

      60%{color: green;}

     70%{color: cyan;}

     80%{color: DeepPink;}

     90%{color: DodgerBlue;}

      100%{color: orange;}

    }

    @keyframes color-change{

        0% { color: red; }

        25% { color: purple; }

        50% { color: blue; }

        100% { color: green; }

       0%{color: orange;}	

     10%{color: purple;}	

      20%{color: red;}

     30%{color: CadetBlue;}

      40%{color: yellow;}

     50%{color: coral;}

      60%{color: green;}

     70%{color: cyan;}

     80%{color: DeepPink;}

     90%{color: DodgerBlue;}

      100%{color: orange;}

   }

   </style>

</head>