css how to make 2d animations at once

Solutions on MaxInterview for css how to make 2d animations at once by the best coders in the world

Search
showing results for - "css how to make 2d animations at once"
Tom
10 Nov 2020
1.scaler {
2    position: absolute;
3    top: 100%;
4    left: 50%;
5    width: 120px;
6    height: 120px;
7    margin:-60px 0 0 -60px;
8    animation: scale 4s infinite linear;    
9}
10
11.spinner {
12    position: relative;
13    top: 150px;
14    animation: spin 2s infinite linear;
15}
16
17
18@keyframes spin { 
19    100% { 
20        transform: rotate(180deg);
21    } 
22}
23
24@keyframes scale {
25    100% {
26         transform: scaleX(2) scaleY(2);
27    }
28}
source
Sidney
18 Nov 2019
1<div class="spinner">
2<img class="scaler" src="http://makeameme.org/media/templates/120/grumpy_cat.jpg" alt="" width="120" height="120">
3<div>
source
Caterina
06 Oct 2018
1animation: rotate 1s, spin 3s;
2
source
similar questions
multiple transition in csscss animate float left to rightlearn css animationanimation css shorthandcss multiple transitiuonshow to make animation stay on 100 25animation shorthand cssanimation effect controls how an element leaves the screen 3a build outhow to specify multiple transitions for multiple properties in transition propertycard animation csscss rotate animationcss animation oncefloating object animation cssadding animation to images csscircle css animation
queries leading to this page
animtations css for h1css animation on csecondaminste css animationscss start two animationsanimation 2d csscss few animationshow to do two animations in the same time in bootstrap multiple animation son one elemtnsecond animation csscss how to make 2d animations at oncehow make 2d animationopen animation csshow to put 2 animations on a dic cssadd multiple animations csshtml css appear animationhow to run two animations simultaneously in cssmultiple animations css2d animation csshow to make animations unity 2ddo 2 animations run at the same time in cssanimte css multiple animation at oncecss animatecss multiple animationscss aplply more than 1 animationmultiple animate 28 29near element consider awnimation cssconcurrent animations csscss how to make 2d animations at once