/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 vote352 views1 answer
Apply image as full screen responsive background
CSS
4 votes335 views2 answers
Css trim text
CSS
0 vote340 views1 answer
Css body overflow hidden sidebar scrollbar
CSS
65 votes379 views3 answers
Css variables
CSS
22 votes368 views2 answers
Css set styles for input text
CSS
10 votes393 views5 answers
Css hr thickness
CSS
0 vote329 views1 answer
Css add space right
CSS
4 votes337 views4 answers
Css max lines
CSS
6 votes383 views3 answers
Skeleton css cdn
CSS Skeleton
0 vote328 views2 answers
Wp query using the_post
CSS