/CSS/Css how to make 2d animations at once

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);
    }
}

Source: stackoverflow.com

Css how to make 2d animations at once

animation: rotate 1s, spin 3s;

Source: stackoverflow.com

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>

Source: stackoverflow.com

Similar codes

0 vote320 views1 answer
Gh: stop using --force !!!
CSS
0 vote284 views1 answer
Loop Over Array of Objects and Combine them if they have similar keys
CSS
4 votes364 views1 answer
Bootstrap file select class
CSS Bootstrap
0 vote307 views1 answer
How to add carasoule in html using css
CSS
0 vote303 views1 answer
How to change the position of a button in css
CSS
22 votes304 views2 answers
Rgb gold color
CSS
20 votes310 views4 answers
Css list no bullets
CSS
-1 vote283 views1 answer
Css div bottom of parent
CSS
-2 votes314 views2 answers
Scss how to declare variable for multiple files
CSS
51 votes289 views6 answers
Css first element
CSS