Scribd Logo
Upload

Welcome to Scribd!

  • Code Color

    Uploaded by

    Ali Mo
    6 views3 pages

    Original Title

    code color.txt

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as txt, pdf, or txt
    6 views3 pages

    Code Color

    Uploaded by

    Ali Mo

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as txt, pdf, or txt
    of 3

    <!

    DOCTYPE html>
    <html>
    <head>
    <center>
    <h3 style="color: #004d4d " > Colors</h3></center>
    <style>
    center{
    font-size: 40px;
    }
    .sher{
    clear: both;
    background: #f8f8f8;
    text-align: center;
    color: #fff;
    margin-top: 10px;
    margin-left: 8%;
    width: 100%;
    }

    .class-sher1 {
    width:300px;
    height:200px;
    animation-name: anme;
    position:relative;
    animation-direction: reverse;
    animation-iteration-count: infinite;
    float: left;
    width: 25%;
    margin: 10px;
    background-color: black;
    }

    .class-sher2 {
    width:300px;
    height:200px;
    animation-name: anme;
    position:relative;
    animation-direction: reverse;
    animation-iteration-count: infinite;
    float: left;
    width: 25%;
    margin: 10px;
    background-color: #ff6666;
    }
    .class-sher3 {
    width:300px;
    height:200px;
    animation-name: anme;
    position:relative;
    animation-direction: reverse;
    animation-iteration-count: infinite;
    float: left;
    width: 25%;
    margin: 10px;
    background-color: red;
    }
    .class-sher4 {
    width:300px;
    height:200px;
    animation-name: anme;
    position:relative;
    animation-direction: reverse;
    animation-iteration-count: infinite;
    float: left;
    width: 25%;
    margin: 10px;
    background-color: #ffff00;
    }

    .class-sher5 {
    width:300px;
    height:200px;
    animation-name: anme;
    position:relative;
    animation-direction: reverse;
    animation-iteration-count: infinite;
    float: left;
    width: 25%;
    margin: 10px;
    background-color: #800040;
    }
    .class-sher6 {
    width:300px;
    height:200px;
    animation-name: anme;
    position:relative;
    animation-direction: reverse;
    animation-iteration-count: infinite;
    float: left;
    width: 25%;
    margin: 10px;
    background-color: #80bfff;
    }

    .class-sher7 {
    width:300px;
    height:200px;
    animation-name: anme;
    position:relative;
    animation-direction: reverse;
    animation-iteration-count: infinite;
    float: left;
    width: 25%;
    margin: 10px;
    background-color: #408000;
    }

    .class-sher8 {
    width:300px;
    height:200px;
    animation-name: anme;
    position:relative;
    animation-direction: reverse;
    animation-iteration-count: infinite;
    float: left;
    width: 25%;
    margin: 10px;
    background-color: #ff5500;
    }
    .class-sher9 {
    width:300px;
    height:200px;
    animation-name: anme;
    position:relative;
    animation-direction: reverse;
    animation-iteration-count: infinite;
    float: left;
    width: 25%;
    margin: 10px;
    background-color: #666699;
    }
    </style>
    </head>

    <body>
    <div class="sher">
    <div class="class-sher1"></div>
    <div class="class-sher2"></div>
    <div class="class-sher3"></div>
    <div class="class-sher4"> </div>
    <div class="class-sher5"></div>
    <div class="class-sher6"></div>
    <div class="class-sher7"> </div>
    <div class="class-sher8"></div>
    <div class="class-sher9"></div>

    </body>
    </html>

    You might also like