Scribd Logo
Загрузить

Добро пожаловать в Scribd!

  • Css 3 Animasi

    Загружено:

    Asep Hidayat Ramdani
    6 просмотров2 страницы
    script Animasi

    Авторское право

    © © All Rights Reserved

    Доступные форматы

    DOCX, PDF, TXT или читайте онлайн в Scribd

    Этот документ был вам полезен?

    Это неприемлемый материал?

    Пожаловаться на этот документ
    script Animasi

    Авторское право:

    © All Rights Reserved
    Скачайте в формате DOCX, PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    6 просмотров2 страницы

    Css 3 Animasi

    Загружено:

    Asep Hidayat Ramdani
    script Animasi

    Авторское право:

    © All Rights Reserved
    Скачайте в формате DOCX, PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    из 2

    <!

    DOCTYPE html>
    <html>
    <head>
    <style>
    div {
    width: 100px;
    height: 100px;
    background-color: red;
    position: relative;
    /* Chrome, Safari, Opera */
    -webkit-animation-name: example;
    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    /* Standard syntax */
    animation-name: example;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-delay: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    }

    /* Chrome, Safari, Opera */


    @-webkit-keyframes example {
    0% {background-color:red; left:0px; top:0px;}

    25% {background-color:yellow; left:200px; top:0px;}


    50% {background-color:blue; left:200px; top:200px;}
    75% {background-color:green; left:0px; top:200px;}
    100% {background-color:red; left:0px; top:0px;}
    }

    /* Standard syntax */
    @keyframes example {
    0% {background-color:red; left:0px; top:0px;}
    25% {background-color:yellow; left:200px; top:0px;}
    50% {background-color:blue; left:200px; top:200px;}
    75% {background-color:green; left:0px; top:200px;}
    100% {background-color:red; left:0px; top:0px;}
    }
    </style>
    </head>
    <body>

    <p><b>Note:</b> This example does not work in Internet Explorer 9 and


    earlier versions.</p>

    <div></div>

    </body>
    </html>

    Вам также может понравиться