Rotation: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 3: | Line 3: | ||
<div class="around">[[File:JankMan.svg|50px]]</div> | <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>}} | ||
{{#css: | {{#css: | ||
| Line 20: | Line 20: | ||
animation-iteration-count: infinite; | animation-iteration-count: infinite; | ||
animation-timing-function: linear; | animation-timing-function: linear; | ||
transform-origin: | transform-origin: 8.5em; | ||
} | } | ||
| Line 26: | Line 26: | ||
animation-duration: 7s; | animation-duration: 7s; | ||
animation-name: around; | animation-name: around; | ||
animation-iteration-count: infinite; | |||
animation-timing-function: linear; | |||
} | |||
span { | |||
animation-duration: 9s; | |||
animation-name: spin; | |||
animation-iteration-count: infinite; | animation-iteration-count: infinite; | ||
animation-timing-function: linear; | animation-timing-function: linear; | ||
| Line 74: | Line 81: | ||
100% { | 100% { | ||
translate: 0 0; | translate: 0 0; | ||
} | |||
} | |||
@keyframes roll { | |||
0% { | |||
rotate: 0 | |||
} | |||
100% { | |||
rotate: x 1turn | |||
} | } | ||
Revision as of 20:57, 11 April 2025
I am currently trapped inside of this mysterious orb.