Horje
css how to make 2d animations at once Code Example
css how to make 2d animations at once
.scaler {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 120px;
    height: 120px;
    margin:-60px 0 0 -60px;
    animation: scale 4s infinite linear;    
}

.spinner {
    position: relative;
    top: 150px;
    animation: spin 2s infinite linear;
}


@keyframes spin { 
    100% { 
        transform: rotate(180deg);
    } 
}

@keyframes scale {
    100% {
         transform: scaleX(2) scaleY(2);
    }
}
css how to make 2d animations at once
<div class="spinner">
<img class="scaler" src="http://makeameme.org/media/templates/120/grumpy_cat.jpg" alt="" width="120" height="120">
<div>
css how to make 2d animations at once
animation: rotate 1s, spin 3s;




Css

Related
text in one line css Code Example text in one line css Code Example
html5 vs css3 Code Example html5 vs css3 Code Example
elementsone after other css Code Example elementsone after other css Code Example
delete files with help of .getignore Code Example delete files with help of .getignore Code Example
css background templates Code Example css background templates Code Example

Type:
Code Example
Category:
Coding
Sub Category:
Code Example
Uploaded by:
Admin
Views:
10