Rotation: Difference between revisions

From pronounmail wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
[[File:Maxwell.gif]]
[[File:Maxwell.gif]]
<div class="around">[[File:JankMan.svg|50px]]</div>


{{Tombox | text = <div class="spin">I am currently in rotation.</div> | image = <div class="rotate">[[File:InfoTom.png|40px]]</div>}}
{{Tombox | text = <div class="spin">I am currently in rotation.</div> | image = <div class="rotate">[[File:InfoTom.png|40px]]</div>}}
Line 19: Line 21:
animation-timing-function: linear;
animation-timing-function: linear;
transform-origin: 5.5em;
transform-origin: 5.5em;
}
.around {
animation-duration: 7s;
animation-name: around;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
}


Line 41: Line 50:
100% {
100% {
transform: rotateY(1turn);
transform: rotateY(1turn);
}
}
@keyframes around {
0% {
translate: 0;
}
33% {
translate: 50vw 0;
}
50% {
translate: 50vw -25vw;
}
83% {
translate: 0 -25vw;
}
100% {
translate: 0 0;
}
}



Revision as of 20:50, 11 April 2025