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
<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
css how to make 2d animations at once
animation: rotate 1s, spin 3s;
Source: stackoverflow.com