• Metode Mudah Membuat CSS Pelangi


    Metode Mudah Membuat CSS Pelangi

             Metode Mudah Membuat CSS Pelangi - Ya Metode Mudah Membuat CSS Pelangi ini saya peruntungkan untuk para blogger yang senantiasa ingin blog atau websitenya tampil beda dari yang lainnya. Metode Mudah Membuat CSS Pelangi ini saya temukan di blog DTE yang berdiri sudah sejak lama. Jika ingin menerapkan cara ini silahkan terapkan pada template blog / website anda masing - masing kode - kode berikut.

    
    /* CSS Pelangi */
    /* Edited by www.webshared.net */
    a.rainbow {
      color:white;
      text-decoration:none;
      -webkit-animation:rainbow 2s linear infinite alternate;
      -moz-animation:rainbow 2s linear infinite alternate;
      -ms-animation:rainbow 2s linear infinite alternate;
      -o-animation:rainbow 2s linear infinite alternate;
      animation:rainbow 2s linear infinite alternate;
    }
    
    @-webkit-keyframes rainbow {
        0%   {color:red;        }
        10%  {color:orange;     }
        20%  {color:gold;       }
        30%  {color:yellow;     }
        40%  {color:yellowgreen;}
        50%  {color:green;      }
        60%  {color:cyan;       }
        70%  {color:blue;       }
        80%  {color:violet;     }
        90%  {color:magenta;    } 
        100% {color:indigo;     }
    }
    @-moz-keyframes rainbow {
        0%   {color:red;        }
        10%  {color:orange;     }
        20%  {color:gold;       }
        30%  {color:yellow;     }
        40%  {color:yellowgreen;}
        50%  {color:green;      }
        60%  {color:cyan;       }
        70%  {color:blue;       }
        80%  {color:violet;     }
        90%  {color:magenta;    }
        100% {color:indigo;     }
    }
    @-ms-keyframes rainbow {
        0%   {color:red;        }
        10%  {color:orange;     }
        20%  {color:gold;       }
        30%  {color:yellow;     }
        40%  {color:yellowgreen;}
        50%  {color:green;      }
        60%  {color:cyan;       }
        70%  {color:blue;       }
        80%  {color:violet;     }
        90%  {color:magenta;    }
        100% {color:indigo;     }
    }
    @-o-keyframes rainbow {
        0%   {color:red;        }
        10%  {color:orange;     }
        20%  {color:gold;       }
        30%  {color:yellow;     }
        40%  {color:yellowgreen;}
        50%  {color:green;      }
        60%  {color:cyan;       }
        70%  {color:blue;       }
        80%  {color:violet;     }
        90%  {color:magenta;    }
        100% {color:indigo;     }
    }
    @keyframes rainbow {
        0%   {color:red;        }
        10%  {color:orange;     }
        20%  {color:gold;       }
        30%  {color:yellow;     }
        40%  {color:yellowgreen;}
        50%  {color:green;      }
        60%  {color:cyan;       }
        70%  {color:blue;       }
        80%  {color:violet;     }
        90%  {color:magenta;    }
        100% {color:indigo;     }
    }
    

    
    <a class="rainbow" href="http://www.webshared.net">Web Shared</a>
    

    Website sementara masih dalam kondisi perbaikan, untuk sementara website utama beralih ke Jumbo Cell
    Previous
    Next Post »

    Tata Cara Berkomentar :
    1. Berkomentarlah dengan sopan santun.
    2. Jangan mengunakan link hidup ( Otomatis Spam ).
    3. Usahakanlah untuk berkomentar.
    Thanks You for visit.
    Out Of Topic Show Konversi KodeHide Konversi Kode Show EmoticonHide Emoticon

    Terima kasih sudah berkomentar