Breaking News: Grepper is joining You.com. Read the official announcement!

css how to make 2d animations at once

Lorenzo Satta Chiris answered on January 3, 2021 Popularity 6/10 Helpfulness 2/10

answer css how to make 2d animations at once

related css how to make 2d animations at once

css how to make 2d animations at once

Comment

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

Popularity 6/10 Helpfulness 2/10 Language css

Source: stackoverflow.com

Tags: 2d css

Link to this answer
Share Copy Link

Contributed on Jan 03 2021

Lorenzo Satta Chiris

0 Answers Avg Quality 2/10

Closely Related Answers

css how to make 2d animations at once

Comment

animation: rotate 1s, spin 3s;

Popularity 6/10 Helpfulness 1/10 Language css

Source: stackoverflow.com

Tags: css 2d

Link to this answer
Share Copy Link

Contributed on Jan 03 2021

Lorenzo Satta Chiris

0 Answers Avg Quality 2/10

css how to make 2d animations at once

Comment

<div class="spinner">
<img class="scaler" src="http://makeameme.org/media/templates/120/grumpy_cat.jpg" alt="" width="120" height="120">
<div>

Popularity 5/10 Helpfulness 1/10 Language css

Source: stackoverflow.com

Tags: 2d css

Link to this answer
Share Copy Link

Contributed on Jan 03 2021

Lorenzo Satta Chiris

0 Answers Avg Quality 2/10

css how to make 2d animations at once

Contents

More Related Answers

css how to make 2d animations at once

Closely Related Answers

css how to make 2d animations at once

css how to make 2d animations at once

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.