CodePen Embed - animasi-1

<!DOCTYPE html>  
<html>  
<head>  
<style>   
    div {  
        width: 100px;  
        height: 100px;  
        background: red;  
        -webkit-animation: animasiku 6s; /* Chrome, Safari, Opera */  
        animation: animasiku 5s;  
    }  
    /* Chrome, Safari, Opera */  
    @-webkit-keyframes animasiku {  
        from {background: red;}  
        to {background: black;}  
    }  
    /* Standard syntax */  
    @keyframes animasiku {  
        from {background: red;}  
        to {background: black;}  
    }  
</style>  
</head>  
<body>  
    <p><b>Catatan:</b> Browser IE 9 dan yang lama tidak mendukung property CSS3 animation. </p>  
    <div></div>  
</body>  
</html>

This Pen is owned by Herbert on CodePen.

See more by @hervansin on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.