“CSS Cara membuat animasi 2D sekaligus” Kode Jawaban

CSS Cara membuat animasi 2D sekaligus

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

CSS Cara membuat animasi 2D sekaligus

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

CSS Cara membuat animasi 2D sekaligus

animation: rotate 1s, spin 3s;
DevLorenzo

Jawaban yang mirip dengan “CSS Cara membuat animasi 2D sekaligus”

Pertanyaan yang mirip dengan “CSS Cara membuat animasi 2D sekaligus”

Lebih banyak jawaban terkait untuk “CSS Cara membuat animasi 2D sekaligus” di CSS

Jelajahi jawaban kode populer menurut bahasa

Jelajahi bahasa kode lainnya