http://camp2jr.objectshow.community/index.php?action=history&feed=atom&title=Rotating_CSS_Tesseract_Jr.
Rotating CSS Tesseract Jr. - Revision history
2026-04-30T08:48:34Z
Revision history for this page on the wiki
MediaWiki 1.40.0
http://camp2jr.objectshow.community/index.php?title=Rotating_CSS_Tesseract_Jr.&diff=647&oldid=prev
Pseudosphere: Undo revision 646 by Pseudosphere (talk)
2024-05-01T07:12:04Z
<p>Undo revision 646 by <a href="/index.php/Special:Contributions/Pseudosphere" title="Special:Contributions/Pseudosphere">Pseudosphere</a> (<a href="/index.php?title=User_talk:Pseudosphere&action=edit&redlink=1" class="new" title="User talk:Pseudosphere (page does not exist)">talk</a>)</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 07:12, 1 May 2024</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l5">Line 5:</td>
<td colspan="2" class="diff-lineno">Line 5:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}@keyframes cl{100%,0%{transform:matrix3d(0,0,0,-0.005,0,0,1,0,0,-1,0,0,-100,0,0,1.5)}4.167%{transform:matrix3d(0.258819,0,0,-0.00483,0,0,1,0,0,-1,0,0,-96.59258,0,0,1.37059)}8.333%{transform:matrix3d(0.5,0,0,-0.00433,0,0,1,0,0,-1,0,0,-86.60254,0,0,1.25)}12.5%{transform:matrix3d(0.707107,0,0,-0.003536,0,0,1,0,0,-1,0,0,-70.71068,0,0,1.146447)}16.667%{transform:matrix3d(0.866025,0,0,-0.0025,0,0,1,0,0,-1,0,0,-50,0,0,1.066987)}20.833%{transform:matrix3d(0.965926,0,0,-0.001294,0,0,1,0,0,-1,0,0,-25.8819,0,0,1.017037)}25%{transform:matrix3d(1,0,0,0,0,0,1,0,0,-1,0,0,0,0,0,1)}29.167%{transform:matrix3d(0.965926,0,0,0.001294,0,0,1,0,0,-1,0,0,25.8819,0,0,1.017037)}33.333%{transform:matrix3d(0.866025,0,0,0.0025,0,0,1,0,0,-1,0,0,50,0,0,1.066987)}37.5%{transform:matrix3d(0.707107,0,0,0.003536,0,0,1,0,0,-1,0,0,70.71068,0,0,1.146447)}41.667%{transform:matrix3d(0.5,0,0,0.00433,0,0,1,0,0,-1,0,0,86.60254,0,0,1.25)}45.833%{transform:matrix3d(0.258819,0,0,0.00483,0,0,1,0,0,-1,0,0,96.59258,0,0,1.37059)}50%{transform:matrix3d(0,0,0,0.005,0,0,1,0,0,-1,0,0,100,0,0,1.5)}54.167%{transform:matrix3d(-0.258819,0,0,0.00483,0,0,1,0,0,-1,0,0,96.59258,0,0,1.62941)}58.333%{transform:matrix3d(-0.5,0,0,0.00433,0,0,1,0,0,-1,0,0,86.60254,0,0,1.75)}62.5%{transform:matrix3d(-0.707107,0,0,0.003536,0,0,1,0,0,-1,0,0,70.71068,0,0,1.853553)}66.667%{transform:matrix3d(-0.866025,0,0,0.0025,0,0,1,0,0,-1,0,0,50,0,0,1.933013)}70.833%{transform:matrix3d(-0.965926,0,0,0.001294,0,0,1,0,0,-1,0,0,25.8819,0,0,1.982963)}75%{transform:matrix3d(-1,0,0,0,0,0,1,0,0,-1,0,0,0,0,0,2)}79.167%{transform:matrix3d(-0.965926,0,0,-0.001294,0,0,1,0,0,-1,0,0,-25.8819,0,0,1.982963)}83.333%{transform:matrix3d(-0.866025,0,0,-0.0025,0,0,1,0,0,-1,0,0,-50,0,0,1.933013)}87.5%{transform:matrix3d(-0.707107,0,0,-0.003536,0,0,1,0,0,-1,0,0,-70.71068,0,0,1.853553)}91.667%{transform:matrix3d(-0.5,0,0,-0.00433,0,0,1,0,0,-1,0,0,-86.60254,0,0,1.75)}95.833%{transform:matrix3d(-0.258819,0,0,-0.00483,0,0,1,0,0,-1,0,0,-96.59258,0,0,1.62941)}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}@keyframes cl{100%,0%{transform:matrix3d(0,0,0,-0.005,0,0,1,0,0,-1,0,0,-100,0,0,1.5)}4.167%{transform:matrix3d(0.258819,0,0,-0.00483,0,0,1,0,0,-1,0,0,-96.59258,0,0,1.37059)}8.333%{transform:matrix3d(0.5,0,0,-0.00433,0,0,1,0,0,-1,0,0,-86.60254,0,0,1.25)}12.5%{transform:matrix3d(0.707107,0,0,-0.003536,0,0,1,0,0,-1,0,0,-70.71068,0,0,1.146447)}16.667%{transform:matrix3d(0.866025,0,0,-0.0025,0,0,1,0,0,-1,0,0,-50,0,0,1.066987)}20.833%{transform:matrix3d(0.965926,0,0,-0.001294,0,0,1,0,0,-1,0,0,-25.8819,0,0,1.017037)}25%{transform:matrix3d(1,0,0,0,0,0,1,0,0,-1,0,0,0,0,0,1)}29.167%{transform:matrix3d(0.965926,0,0,0.001294,0,0,1,0,0,-1,0,0,25.8819,0,0,1.017037)}33.333%{transform:matrix3d(0.866025,0,0,0.0025,0,0,1,0,0,-1,0,0,50,0,0,1.066987)}37.5%{transform:matrix3d(0.707107,0,0,0.003536,0,0,1,0,0,-1,0,0,70.71068,0,0,1.146447)}41.667%{transform:matrix3d(0.5,0,0,0.00433,0,0,1,0,0,-1,0,0,86.60254,0,0,1.25)}45.833%{transform:matrix3d(0.258819,0,0,0.00483,0,0,1,0,0,-1,0,0,96.59258,0,0,1.37059)}50%{transform:matrix3d(0,0,0,0.005,0,0,1,0,0,-1,0,0,100,0,0,1.5)}54.167%{transform:matrix3d(-0.258819,0,0,0.00483,0,0,1,0,0,-1,0,0,96.59258,0,0,1.62941)}58.333%{transform:matrix3d(-0.5,0,0,0.00433,0,0,1,0,0,-1,0,0,86.60254,0,0,1.75)}62.5%{transform:matrix3d(-0.707107,0,0,0.003536,0,0,1,0,0,-1,0,0,70.71068,0,0,1.853553)}66.667%{transform:matrix3d(-0.866025,0,0,0.0025,0,0,1,0,0,-1,0,0,50,0,0,1.933013)}70.833%{transform:matrix3d(-0.965926,0,0,0.001294,0,0,1,0,0,-1,0,0,25.8819,0,0,1.982963)}75%{transform:matrix3d(-1,0,0,0,0,0,1,0,0,-1,0,0,0,0,0,2)}79.167%{transform:matrix3d(-0.965926,0,0,-0.001294,0,0,1,0,0,-1,0,0,-25.8819,0,0,1.982963)}83.333%{transform:matrix3d(-0.866025,0,0,-0.0025,0,0,1,0,0,-1,0,0,-50,0,0,1.933013)}87.5%{transform:matrix3d(-0.707107,0,0,-0.003536,0,0,1,0,0,-1,0,0,-70.71068,0,0,1.853553)}91.667%{transform:matrix3d(-0.5,0,0,-0.00433,0,0,1,0,0,-1,0,0,-86.60254,0,0,1.75)}95.833%{transform:matrix3d(-0.258819,0,0,-0.00483,0,0,1,0,0,-1,0,0,-96.59258,0,0,1.62941)}</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>}}<div class="scene"><div class="t"><div class="tc" style="animation:8s step-end infinite cf !important"><div class="rf" style="background:#75A7"></div><div class="rb" style="background:#5427"></div><div class="rr" style="background:#0C37"></div><div class="rl" style="background:#1B77"></div><div class="rt" style="background:#0457"></div><div class="rm" style="background:#5337"></div></div><div class="tc" style="animation:8s step-end infinite cr !important"><div class="rf" style="background:#0477"></div><div class="rb" style="background:#FD27"></div><div class="rt" style="background:#7B37"></div><div class="rm" style="background:#0F47"></div></div><div class="tc" style="animation:8s step-end infinite cb !important"><div class="rf" style="background:#34E7"></div><div class="rb" style="background:#3E97"></div><div class="rr" style="background:#A6B7"></div><div class="rl" style="background:#4107"></div><div class="rt" style="background:#F987"></div><div class="rm" style="background:#EAD7"></div></div><div class="tc" style="animation:8s step-end infinite cl !important"><div class="rf" style="background:#F857"></div><div class="rb" style="background:#13D7"></div><div class="rt" style="background:#FE97"></div><div class="rm" style="background:#E8E7"></div></div></div></div><del style="font-weight: bold; text-decoration: none;">[[Category:Juniors]]</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>}}<div class="scene"><div class="t"><div class="tc" style="animation:8s step-end infinite cf !important"><div class="rf" style="background:#75A7"></div><div class="rb" style="background:#5427"></div><div class="rr" style="background:#0C37"></div><div class="rl" style="background:#1B77"></div><div class="rt" style="background:#0457"></div><div class="rm" style="background:#5337"></div></div><div class="tc" style="animation:8s step-end infinite cr !important"><div class="rf" style="background:#0477"></div><div class="rb" style="background:#FD27"></div><div class="rt" style="background:#7B37"></div><div class="rm" style="background:#0F47"></div></div><div class="tc" style="animation:8s step-end infinite cb !important"><div class="rf" style="background:#34E7"></div><div class="rb" style="background:#3E97"></div><div class="rr" style="background:#A6B7"></div><div class="rl" style="background:#4107"></div><div class="rt" style="background:#F987"></div><div class="rm" style="background:#EAD7"></div></div><div class="tc" style="animation:8s step-end infinite cl !important"><div class="rf" style="background:#F857"></div><div class="rb" style="background:#13D7"></div><div class="rt" style="background:#FE97"></div><div class="rm" style="background:#E8E7"></div></div></div></div></div></td></tr>
<!-- diff cache key mediawiki:diff::1.12:old-646:rev-647 -->
</table>
Pseudosphere
http://camp2jr.objectshow.community/index.php?title=Rotating_CSS_Tesseract_Jr.&diff=646&oldid=prev
Pseudosphere at 07:11, 1 May 2024
2024-05-01T07:11:30Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 07:11, 1 May 2024</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l5">Line 5:</td>
<td colspan="2" class="diff-lineno">Line 5:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}@keyframes cl{100%,0%{transform:matrix3d(0,0,0,-0.005,0,0,1,0,0,-1,0,0,-100,0,0,1.5)}4.167%{transform:matrix3d(0.258819,0,0,-0.00483,0,0,1,0,0,-1,0,0,-96.59258,0,0,1.37059)}8.333%{transform:matrix3d(0.5,0,0,-0.00433,0,0,1,0,0,-1,0,0,-86.60254,0,0,1.25)}12.5%{transform:matrix3d(0.707107,0,0,-0.003536,0,0,1,0,0,-1,0,0,-70.71068,0,0,1.146447)}16.667%{transform:matrix3d(0.866025,0,0,-0.0025,0,0,1,0,0,-1,0,0,-50,0,0,1.066987)}20.833%{transform:matrix3d(0.965926,0,0,-0.001294,0,0,1,0,0,-1,0,0,-25.8819,0,0,1.017037)}25%{transform:matrix3d(1,0,0,0,0,0,1,0,0,-1,0,0,0,0,0,1)}29.167%{transform:matrix3d(0.965926,0,0,0.001294,0,0,1,0,0,-1,0,0,25.8819,0,0,1.017037)}33.333%{transform:matrix3d(0.866025,0,0,0.0025,0,0,1,0,0,-1,0,0,50,0,0,1.066987)}37.5%{transform:matrix3d(0.707107,0,0,0.003536,0,0,1,0,0,-1,0,0,70.71068,0,0,1.146447)}41.667%{transform:matrix3d(0.5,0,0,0.00433,0,0,1,0,0,-1,0,0,86.60254,0,0,1.25)}45.833%{transform:matrix3d(0.258819,0,0,0.00483,0,0,1,0,0,-1,0,0,96.59258,0,0,1.37059)}50%{transform:matrix3d(0,0,0,0.005,0,0,1,0,0,-1,0,0,100,0,0,1.5)}54.167%{transform:matrix3d(-0.258819,0,0,0.00483,0,0,1,0,0,-1,0,0,96.59258,0,0,1.62941)}58.333%{transform:matrix3d(-0.5,0,0,0.00433,0,0,1,0,0,-1,0,0,86.60254,0,0,1.75)}62.5%{transform:matrix3d(-0.707107,0,0,0.003536,0,0,1,0,0,-1,0,0,70.71068,0,0,1.853553)}66.667%{transform:matrix3d(-0.866025,0,0,0.0025,0,0,1,0,0,-1,0,0,50,0,0,1.933013)}70.833%{transform:matrix3d(-0.965926,0,0,0.001294,0,0,1,0,0,-1,0,0,25.8819,0,0,1.982963)}75%{transform:matrix3d(-1,0,0,0,0,0,1,0,0,-1,0,0,0,0,0,2)}79.167%{transform:matrix3d(-0.965926,0,0,-0.001294,0,0,1,0,0,-1,0,0,-25.8819,0,0,1.982963)}83.333%{transform:matrix3d(-0.866025,0,0,-0.0025,0,0,1,0,0,-1,0,0,-50,0,0,1.933013)}87.5%{transform:matrix3d(-0.707107,0,0,-0.003536,0,0,1,0,0,-1,0,0,-70.71068,0,0,1.853553)}91.667%{transform:matrix3d(-0.5,0,0,-0.00433,0,0,1,0,0,-1,0,0,-86.60254,0,0,1.75)}95.833%{transform:matrix3d(-0.258819,0,0,-0.00483,0,0,1,0,0,-1,0,0,-96.59258,0,0,1.62941)}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}@keyframes cl{100%,0%{transform:matrix3d(0,0,0,-0.005,0,0,1,0,0,-1,0,0,-100,0,0,1.5)}4.167%{transform:matrix3d(0.258819,0,0,-0.00483,0,0,1,0,0,-1,0,0,-96.59258,0,0,1.37059)}8.333%{transform:matrix3d(0.5,0,0,-0.00433,0,0,1,0,0,-1,0,0,-86.60254,0,0,1.25)}12.5%{transform:matrix3d(0.707107,0,0,-0.003536,0,0,1,0,0,-1,0,0,-70.71068,0,0,1.146447)}16.667%{transform:matrix3d(0.866025,0,0,-0.0025,0,0,1,0,0,-1,0,0,-50,0,0,1.066987)}20.833%{transform:matrix3d(0.965926,0,0,-0.001294,0,0,1,0,0,-1,0,0,-25.8819,0,0,1.017037)}25%{transform:matrix3d(1,0,0,0,0,0,1,0,0,-1,0,0,0,0,0,1)}29.167%{transform:matrix3d(0.965926,0,0,0.001294,0,0,1,0,0,-1,0,0,25.8819,0,0,1.017037)}33.333%{transform:matrix3d(0.866025,0,0,0.0025,0,0,1,0,0,-1,0,0,50,0,0,1.066987)}37.5%{transform:matrix3d(0.707107,0,0,0.003536,0,0,1,0,0,-1,0,0,70.71068,0,0,1.146447)}41.667%{transform:matrix3d(0.5,0,0,0.00433,0,0,1,0,0,-1,0,0,86.60254,0,0,1.25)}45.833%{transform:matrix3d(0.258819,0,0,0.00483,0,0,1,0,0,-1,0,0,96.59258,0,0,1.37059)}50%{transform:matrix3d(0,0,0,0.005,0,0,1,0,0,-1,0,0,100,0,0,1.5)}54.167%{transform:matrix3d(-0.258819,0,0,0.00483,0,0,1,0,0,-1,0,0,96.59258,0,0,1.62941)}58.333%{transform:matrix3d(-0.5,0,0,0.00433,0,0,1,0,0,-1,0,0,86.60254,0,0,1.75)}62.5%{transform:matrix3d(-0.707107,0,0,0.003536,0,0,1,0,0,-1,0,0,70.71068,0,0,1.853553)}66.667%{transform:matrix3d(-0.866025,0,0,0.0025,0,0,1,0,0,-1,0,0,50,0,0,1.933013)}70.833%{transform:matrix3d(-0.965926,0,0,0.001294,0,0,1,0,0,-1,0,0,25.8819,0,0,1.982963)}75%{transform:matrix3d(-1,0,0,0,0,0,1,0,0,-1,0,0,0,0,0,2)}79.167%{transform:matrix3d(-0.965926,0,0,-0.001294,0,0,1,0,0,-1,0,0,-25.8819,0,0,1.982963)}83.333%{transform:matrix3d(-0.866025,0,0,-0.0025,0,0,1,0,0,-1,0,0,-50,0,0,1.933013)}87.5%{transform:matrix3d(-0.707107,0,0,-0.003536,0,0,1,0,0,-1,0,0,-70.71068,0,0,1.853553)}91.667%{transform:matrix3d(-0.5,0,0,-0.00433,0,0,1,0,0,-1,0,0,-86.60254,0,0,1.75)}95.833%{transform:matrix3d(-0.258819,0,0,-0.00483,0,0,1,0,0,-1,0,0,-96.59258,0,0,1.62941)}</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>}}<div class="scene"><div class="t"><div class="tc" style="animation:8s step-end infinite cf !important"><div class="rf" style="background:#75A7"></div><div class="rb" style="background:#5427"></div><div class="rr" style="background:#0C37"></div><div class="rl" style="background:#1B77"></div><div class="rt" style="background:#0457"></div><div class="rm" style="background:#5337"></div></div><div class="tc" style="animation:8s step-end infinite cr !important"><div class="rf" style="background:#0477"></div><div class="rb" style="background:#FD27"></div><div class="rt" style="background:#7B37"></div><div class="rm" style="background:#0F47"></div></div><div class="tc" style="animation:8s step-end infinite cb !important"><div class="rf" style="background:#34E7"></div><div class="rb" style="background:#3E97"></div><div class="rr" style="background:#A6B7"></div><div class="rl" style="background:#4107"></div><div class="rt" style="background:#F987"></div><div class="rm" style="background:#EAD7"></div></div><div class="tc" style="animation:8s step-end infinite cl !important"><div class="rf" style="background:#F857"></div><div class="rb" style="background:#13D7"></div><div class="rt" style="background:#FE97"></div><div class="rm" style="background:#E8E7"></div></div></div></div></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>}}<div class="scene"><div class="t"><div class="tc" style="animation:8s step-end infinite cf !important"><div class="rf" style="background:#75A7"></div><div class="rb" style="background:#5427"></div><div class="rr" style="background:#0C37"></div><div class="rl" style="background:#1B77"></div><div class="rt" style="background:#0457"></div><div class="rm" style="background:#5337"></div></div><div class="tc" style="animation:8s step-end infinite cr !important"><div class="rf" style="background:#0477"></div><div class="rb" style="background:#FD27"></div><div class="rt" style="background:#7B37"></div><div class="rm" style="background:#0F47"></div></div><div class="tc" style="animation:8s step-end infinite cb !important"><div class="rf" style="background:#34E7"></div><div class="rb" style="background:#3E97"></div><div class="rr" style="background:#A6B7"></div><div class="rl" style="background:#4107"></div><div class="rt" style="background:#F987"></div><div class="rm" style="background:#EAD7"></div></div><div class="tc" style="animation:8s step-end infinite cl !important"><div class="rf" style="background:#F857"></div><div class="rb" style="background:#13D7"></div><div class="rt" style="background:#FE97"></div><div class="rm" style="background:#E8E7"></div></div></div></div><ins style="font-weight: bold; text-decoration: none;">[[Category:Juniors]]</ins></div></td></tr>
<!-- diff cache key mediawiki:diff::1.12:old-636:rev-646 -->
</table>
Pseudosphere
http://camp2jr.objectshow.community/index.php?title=Rotating_CSS_Tesseract_Jr.&diff=636&oldid=prev
Pseudosphere at 05:40, 2 March 2024
2024-03-02T05:40:12Z
<p></p>
<a href="http://camp2jr.objectshow.community/index.php?title=Rotating_CSS_Tesseract_Jr.&diff=636&oldid=635">Show changes</a>
Pseudosphere
http://camp2jr.objectshow.community/index.php?title=Rotating_CSS_Tesseract_Jr.&diff=635&oldid=prev
Pseudosphere at 05:10, 2 March 2024
2024-03-02T05:10:03Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 05:10, 2 March 2024</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Line 1:</td>
<td colspan="2" class="diff-lineno">Line 1:</td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>{{JuniorPage}}{{#css:.scene{height:200px;margin:100px;perspective:600px;transform:scale(0.5);width:200px;}.<del style="font-weight: bold; text-decoration: none;">tesseract</del>-<del style="font-weight: bold; text-decoration: none;">cell</del>{height:100%;position:absolute;transform-style:preserve-3d;width:100%;}.<del style="font-weight: bold; text-decoration: none;">ridge</del>-front,.<del style="font-weight: bold; text-decoration: none;">ridge</del>-right,.<del style="font-weight: bold; text-decoration: none;">ridge</del>-back,.<del style="font-weight: bold; text-decoration: none;">ridge</del>-left,.<del style="font-weight: bold; text-decoration: none;">ridge</del>-top,.<del style="font-weight: bold; text-decoration: none;">ridge</del>-bottom{height:200px;position:absolute;width:200px;}.<del style="font-weight: bold; text-decoration: none;">tesseract</del>{animation:8s linear infinite rotateyly;height:100%;position:relative;transform-style:preserve-3d;width:100%;}.<del style="font-weight: bold; text-decoration: none;">ridge</del>-front{transform:rotateY(0deg)translateZ(100px);}.<del style="font-weight: bold; text-decoration: none;">ridge</del>-right{transform:rotateY(90deg)translateZ(100px);}.<del style="font-weight: bold; text-decoration: none;">ridge</del>-back{transform:rotateY(180deg)translateZ(100px);}.<del style="font-weight: bold; text-decoration: none;">ridge</del>-left{transform:rotateY(-90deg)translateZ(100px);}.<del style="font-weight: bold; text-decoration: none;">ridge</del>-top{transform:rotateX(90deg)translateZ(100px);}.<del style="font-weight: bold; text-decoration: none;">ridge</del>-bottom{transform:rotateX(-90deg)translateZ(100px);}@keyframes rotateyly{0%{transform:rotate3d(-1,1,0,45deg)rotateX(0turn);}100%{transform:rotate3d(-1,1,0,45deg)rotateX(1turn);}</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>{{JuniorPage}}{{#css:.scene{height:200px;margin:100px;perspective:600px;transform:scale(0.5);width:200px;}.<ins style="font-weight: bold; text-decoration: none;">t</ins>-<ins style="font-weight: bold; text-decoration: none;">c</ins>{height:100%;position:absolute;transform-style:preserve-3d;width:100%;}.<ins style="font-weight: bold; text-decoration: none;">r</ins>-front,.<ins style="font-weight: bold; text-decoration: none;">r</ins>-right,.<ins style="font-weight: bold; text-decoration: none;">r</ins>-back,.<ins style="font-weight: bold; text-decoration: none;">r</ins>-left,.<ins style="font-weight: bold; text-decoration: none;">r</ins>-top,.<ins style="font-weight: bold; text-decoration: none;">r</ins>-bottom{height:200px;position:absolute;width:200px;}.<ins style="font-weight: bold; text-decoration: none;">t</ins>{animation:8s linear infinite rotateyly <ins style="font-weight: bold; text-decoration: none;">!important</ins>;height:100%;position:relative;transform-style:preserve-3d;width:100%;}.<ins style="font-weight: bold; text-decoration: none;">r</ins>-front{transform:rotateY(0deg)translateZ(100px);}.<ins style="font-weight: bold; text-decoration: none;">r</ins>-right{transform:rotateY(90deg)translateZ(100px);}.<ins style="font-weight: bold; text-decoration: none;">r</ins>-back{transform:rotateY(180deg)translateZ(100px);}.<ins style="font-weight: bold; text-decoration: none;">r</ins>-left{transform:rotateY(-90deg)translateZ(100px);}.<ins style="font-weight: bold; text-decoration: none;">r</ins>-top{transform:rotateX(90deg)translateZ(100px);}.<ins style="font-weight: bold; text-decoration: none;">r</ins>-bottom{transform:rotateX(-90deg)translateZ(100px);}@keyframes rotateyly{0%{transform:rotate3d(-1,1,0,45deg)rotateX(0turn);}100%{transform:rotate3d(-1,1,0,45deg)rotateX(1turn);}</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>}@keyframes <del style="font-weight: bold; text-decoration: none;">cell</del>-front{100%,0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);}6.25%{transform:matrix3d(0.9238795325112867,0,0,0.001913417161825449,0,1,0,0,0,0,1,0,38.268343236508976,0,0,1.0380602337443565);}12.5%{transform:matrix3d(0.7071067811865476,0,0,0.0035355339059327372,0,1,0,0,0,0,1,0,70.71067811865474,0,0,1.1464466094067263);}18.75%{transform:matrix3d(0.38268343236508984,0,0,0.004619397662556434,0,1,0,0,0,0,1,0,92.38795325112868,0,0,1.3086582838174552);}25%{transform:matrix3d(0,0,0,0.005,0,1,0,0,0,0,1,0,100,0,0,1.5);}31.25%{transform:matrix3d(-0.3826834323650897,0,0,0.004619397662556434,0,1,0,0,0,0,1,0,92.38795325112868,0,0,1.6913417161825448);}37.5%{transform:matrix3d(-0.7071067811865475,0,0,0.003535533905932738,0,1,0,0,0,0,1,0,70.71067811865476,0,0,1.8535533905932737);}43.75%{transform:matrix3d(-0.9238795325112867,0,0,0.0019134171618254495,0,1,0,0,0,0,1,0,38.26834323650899,0,0,1.9619397662556435);}50%{transform:matrix3d(-1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,2);}56.25%{transform:matrix3d(-0.9238795325112868,0,0,-0.0019134171618254484,0,1,0,0,0,0,1,0,-38.26834323650897,0,0,1.9619397662556435);}62.5%{transform:matrix3d(-0.7071067811865477,0,0,-0.0035355339059327372,0,1,0,0,0,0,1,0,-70.71067811865474,0,0,1.853553390593274);}68.75%{transform:matrix3d(-0.38268343236509034,0,0,-0.004619397662556432,0,1,0,0,0,0,1,0,-92.38795325112865,0,0,1.6913417161825453);}75%{transform:matrix3d(0,0,0,-0.005,0,1,0,0,0,0,1,0,-100,0,0,1.5);}81.25%{transform:matrix3d(0.38268343236509,0,0,-0.004619397662556433,0,1,0,0,0,0,1,0,-92.38795325112866,0,0,1.308658283817455);}87.5%{transform:matrix3d(0.7071067811865474,0,0,-0.0035355339059327385,0,1,0,0,0,0,1,0,-70.71067811865477,0,0,1.1464466094067263);}93.75%{transform:matrix3d(0.9238795325112865,0,0,-0.001913417161825452,0,1,0,0,0,0,1,0,-38.26834323650904,0,0,1.0380602337443567);}</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>}@keyframes <ins style="font-weight: bold; text-decoration: none;">c</ins>-front{100%,0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);}6.25%{transform:matrix3d(0.9238795325112867,0,0,0.001913417161825449,0,1,0,0,0,0,1,0,38.268343236508976,0,0,1.0380602337443565);}12.5%{transform:matrix3d(0.7071067811865476,0,0,0.0035355339059327372,0,1,0,0,0,0,1,0,70.71067811865474,0,0,1.1464466094067263);}18.75%{transform:matrix3d(0.38268343236508984,0,0,0.004619397662556434,0,1,0,0,0,0,1,0,92.38795325112868,0,0,1.3086582838174552);}25%{transform:matrix3d(0,0,0,0.005,0,1,0,0,0,0,1,0,100,0,0,1.5);}31.25%{transform:matrix3d(-0.3826834323650897,0,0,0.004619397662556434,0,1,0,0,0,0,1,0,92.38795325112868,0,0,1.6913417161825448);}37.5%{transform:matrix3d(-0.7071067811865475,0,0,0.003535533905932738,0,1,0,0,0,0,1,0,70.71067811865476,0,0,1.8535533905932737);}43.75%{transform:matrix3d(-0.9238795325112867,0,0,0.0019134171618254495,0,1,0,0,0,0,1,0,38.26834323650899,0,0,1.9619397662556435);}50%{transform:matrix3d(-1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,2);}56.25%{transform:matrix3d(-0.9238795325112868,0,0,-0.0019134171618254484,0,1,0,0,0,0,1,0,-38.26834323650897,0,0,1.9619397662556435);}62.5%{transform:matrix3d(-0.7071067811865477,0,0,-0.0035355339059327372,0,1,0,0,0,0,1,0,-70.71067811865474,0,0,1.853553390593274);}68.75%{transform:matrix3d(-0.38268343236509034,0,0,-0.004619397662556432,0,1,0,0,0,0,1,0,-92.38795325112865,0,0,1.6913417161825453);}75%{transform:matrix3d(0,0,0,-0.005,0,1,0,0,0,0,1,0,-100,0,0,1.5);}81.25%{transform:matrix3d(0.38268343236509,0,0,-0.004619397662556433,0,1,0,0,0,0,1,0,-92.38795325112866,0,0,1.308658283817455);}87.5%{transform:matrix3d(0.7071067811865474,0,0,-0.0035355339059327385,0,1,0,0,0,0,1,0,-70.71067811865477,0,0,1.1464466094067263);}93.75%{transform:matrix3d(0.9238795325112865,0,0,-0.001913417161825452,0,1,0,0,0,0,1,0,-38.26834323650904,0,0,1.0380602337443567);}</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>}@keyframes <del style="font-weight: bold; text-decoration: none;">cell</del>-right{100%,0%{transform:matrix3d(0,0,0,0.005,0,0,-1,0,0,1,0,0,100,0,0,1.5);}6.25%{transform:matrix3d(-0.3826834323650897,0,0,0.004619397662556434,0,0,-1,0,0,1,0,0,92.38795325112868,0,0,1.6913417161825448);}12.5%{transform:matrix3d(-0.7071067811865475,0,0,0.003535533905932738,0,0,-1,0,0,1,0,0,70.71067811865476,0,0,1.8535533905932737);}18.75%{transform:matrix3d(-0.9238795325112867,0,0,0.0019134171618254495,0,0,-1,0,0,1,0,0,38.26834323650899,0,0,1.9619397662556435);}25%{transform:matrix3d(-1,0,0,0,0,0,-1,0,0,1,0,0,0,0,0,2);}31.25%{transform:matrix3d(-0.9238795325112868,0,0,-0.0019134171618254484,0,0,-1,0,0,1,0,0,-38.26834323650897,0,0,1.9619397662556435);}37.5%{transform:matrix3d(-0.7071067811865477,0,0,-0.0035355339059327372,0,0,-1,0,0,1,0,0,-70.71067811865474,0,0,1.853553390593274);}43.75%{transform:matrix3d(-0.38268343236509034,0,0,-0.004619397662556432,0,0,-1,0,0,1,0,0,-92.38795325112865,0,0,1.6913417161825453);}50%{transform:matrix3d(0,0,0,-0.005,0,0,-1,0,0,1,0,0,-100,0,0,1.5);}56.25%{transform:matrix3d(0.38268343236509,0,0,-0.004619397662556433,0,0,-1,0,0,1,0,0,-92.38795325112866,0,0,1.308658283817455);}62.5%{transform:matrix3d(0.7071067811865474,0,0,-0.0035355339059327385,0,0,-1,0,0,1,0,0,-70.71067811865477,0,0,1.1464466094067263);}68.75%{transform:matrix3d(0.9238795325112865,0,0,-0.001913417161825452,0,0,-1,0,0,1,0,0,-38.26834323650904,0,0,1.0380602337443567);}75%{transform:matrix3d(1,0,0,0,0,0,-1,0,0,1,0,0,0,0,0,1);}81.25%{transform:matrix3d(0.9238795325112867,0,0,0.0019134171618254497,0,0,-1,0,0,1,0,0,38.268343236509,0,0,1.0380602337443565);}87.5%{transform:matrix3d(0.7071067811865477,0,0,0.003535533905932737,0,0,-1,0,0,1,0,0,70.71067811865474,0,0,1.146446609406726);}93.75%{transform:matrix3d(0.38268343236509045,0,0,0.004619397662556432,0,0,-1,0,0,1,0,0,92.38795325112865,0,0,1.3086582838174547);}</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>}@keyframes <ins style="font-weight: bold; text-decoration: none;">c</ins>-right{100%,0%{transform:matrix3d(0,0,0,0.005,0,0,-1,0,0,1,0,0,100,0,0,1.5);}6.25%{transform:matrix3d(-0.3826834323650897,0,0,0.004619397662556434,0,0,-1,0,0,1,0,0,92.38795325112868,0,0,1.6913417161825448);}12.5%{transform:matrix3d(-0.7071067811865475,0,0,0.003535533905932738,0,0,-1,0,0,1,0,0,70.71067811865476,0,0,1.8535533905932737);}18.75%{transform:matrix3d(-0.9238795325112867,0,0,0.0019134171618254495,0,0,-1,0,0,1,0,0,38.26834323650899,0,0,1.9619397662556435);}25%{transform:matrix3d(-1,0,0,0,0,0,-1,0,0,1,0,0,0,0,0,2);}31.25%{transform:matrix3d(-0.9238795325112868,0,0,-0.0019134171618254484,0,0,-1,0,0,1,0,0,-38.26834323650897,0,0,1.9619397662556435);}37.5%{transform:matrix3d(-0.7071067811865477,0,0,-0.0035355339059327372,0,0,-1,0,0,1,0,0,-70.71067811865474,0,0,1.853553390593274);}43.75%{transform:matrix3d(-0.38268343236509034,0,0,-0.004619397662556432,0,0,-1,0,0,1,0,0,-92.38795325112865,0,0,1.6913417161825453);}50%{transform:matrix3d(0,0,0,-0.005,0,0,-1,0,0,1,0,0,-100,0,0,1.5);}56.25%{transform:matrix3d(0.38268343236509,0,0,-0.004619397662556433,0,0,-1,0,0,1,0,0,-92.38795325112866,0,0,1.308658283817455);}62.5%{transform:matrix3d(0.7071067811865474,0,0,-0.0035355339059327385,0,0,-1,0,0,1,0,0,-70.71067811865477,0,0,1.1464466094067263);}68.75%{transform:matrix3d(0.9238795325112865,0,0,-0.001913417161825452,0,0,-1,0,0,1,0,0,-38.26834323650904,0,0,1.0380602337443567);}75%{transform:matrix3d(1,0,0,0,0,0,-1,0,0,1,0,0,0,0,0,1);}81.25%{transform:matrix3d(0.9238795325112867,0,0,0.0019134171618254497,0,0,-1,0,0,1,0,0,38.268343236509,0,0,1.0380602337443565);}87.5%{transform:matrix3d(0.7071067811865477,0,0,0.003535533905932737,0,0,-1,0,0,1,0,0,70.71067811865474,0,0,1.146446609406726);}93.75%{transform:matrix3d(0.38268343236509045,0,0,0.004619397662556432,0,0,-1,0,0,1,0,0,92.38795325112865,0,0,1.3086582838174547);}</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>}@keyframes <del style="font-weight: bold; text-decoration: none;">cell</del>-back{100%,0%{transform:matrix3d(-1,0,0,0,0,-1,0,0,0,0,-1,0,0,0,0,2);}6.25%{transform:matrix3d(-0.9238795325112868,0,0,-0.0019134171618254484,0,-1,0,0,0,0,-1,0,-38.26834323650897,0,0,1.9619397662556435);}12.5%{transform:matrix3d(-0.7071067811865477,0,0,-0.0035355339059327372,0,-1,0,0,0,0,-1,0,-70.71067811865474,0,0,1.853553390593274);}18.75%{transform:matrix3d(-0.38268343236509034,0,0,-0.004619397662556432,0,-1,0,0,0,0,-1,0,-92.38795325112865,0,0,1.6913417161825453);}25%{transform:matrix3d(0,0,0,-0.005,0,-1,0,0,0,0,-1,0,-100,0,0,1.5);}31.25%{transform:matrix3d(0.38268343236509,0,0,-0.004619397662556433,0,-1,0,0,0,0,-1,0,-92.38795325112866,0,0,1.308658283817455);}37.5%{transform:matrix3d(0.7071067811865474,0,0,-0.0035355339059327385,0,-1,0,0,0,0,-1,0,-70.71067811865477,0,0,1.1464466094067263);}43.75%{transform:matrix3d(0.9238795325112865,0,0,-0.001913417161825452,0,-1,0,0,0,0,-1,0,-38.26834323650904,0,0,1.0380602337443567);}50%{transform:matrix3d(1,0,0,0,0,-1,0,0,0,0,-1,0,0,0,0,1);}56.25%{transform:matrix3d(0.9238795325112867,0,0,0.0019134171618254497,0,-1,0,0,0,0,-1,0,38.268343236509,0,0,1.0380602337443565);}62.5%{transform:matrix3d(0.7071067811865477,0,0,0.003535533905932737,0,-1,0,0,0,0,-1,0,70.71067811865474,0,0,1.146446609406726);}68.75%{transform:matrix3d(0.38268343236509045,0,0,0.004619397662556432,0,-1,0,0,0,0,-1,0,92.38795325112865,0,0,1.3086582838174547);}75%{transform:matrix3d(0,0,0,0.005,0,-1,0,0,0,0,-1,0,100,0,0,1.4999999999999998);}81.25%{transform:matrix3d(-0.3826834323650899,0,0,0.004619397662556434,0,-1,0,0,0,0,-1,0,92.38795325112868,0,0,1.6913417161825448);}87.5%{transform:matrix3d(-0.7071067811865467,0,0,0.003535533905932742,0,-1,0,0,0,0,-1,0,70.71067811865484,0,0,1.8535533905932733);}93.75%{transform:matrix3d(-0.9238795325112864,0,0,0.0019134171618254525,0,-1,0,0,0,0,-1,0,38.268343236509054,0,0,1.9619397662556433);}</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>}@keyframes <ins style="font-weight: bold; text-decoration: none;">c</ins>-back{100%,0%{transform:matrix3d(-1,0,0,0,0,-1,0,0,0,0,-1,0,0,0,0,2);}6.25%{transform:matrix3d(-0.9238795325112868,0,0,-0.0019134171618254484,0,-1,0,0,0,0,-1,0,-38.26834323650897,0,0,1.9619397662556435);}12.5%{transform:matrix3d(-0.7071067811865477,0,0,-0.0035355339059327372,0,-1,0,0,0,0,-1,0,-70.71067811865474,0,0,1.853553390593274);}18.75%{transform:matrix3d(-0.38268343236509034,0,0,-0.004619397662556432,0,-1,0,0,0,0,-1,0,-92.38795325112865,0,0,1.6913417161825453);}25%{transform:matrix3d(0,0,0,-0.005,0,-1,0,0,0,0,-1,0,-100,0,0,1.5);}31.25%{transform:matrix3d(0.38268343236509,0,0,-0.004619397662556433,0,-1,0,0,0,0,-1,0,-92.38795325112866,0,0,1.308658283817455);}37.5%{transform:matrix3d(0.7071067811865474,0,0,-0.0035355339059327385,0,-1,0,0,0,0,-1,0,-70.71067811865477,0,0,1.1464466094067263);}43.75%{transform:matrix3d(0.9238795325112865,0,0,-0.001913417161825452,0,-1,0,0,0,0,-1,0,-38.26834323650904,0,0,1.0380602337443567);}50%{transform:matrix3d(1,0,0,0,0,-1,0,0,0,0,-1,0,0,0,0,1);}56.25%{transform:matrix3d(0.9238795325112867,0,0,0.0019134171618254497,0,-1,0,0,0,0,-1,0,38.268343236509,0,0,1.0380602337443565);}62.5%{transform:matrix3d(0.7071067811865477,0,0,0.003535533905932737,0,-1,0,0,0,0,-1,0,70.71067811865474,0,0,1.146446609406726);}68.75%{transform:matrix3d(0.38268343236509045,0,0,0.004619397662556432,0,-1,0,0,0,0,-1,0,92.38795325112865,0,0,1.3086582838174547);}75%{transform:matrix3d(0,0,0,0.005,0,-1,0,0,0,0,-1,0,100,0,0,1.4999999999999998);}81.25%{transform:matrix3d(-0.3826834323650899,0,0,0.004619397662556434,0,-1,0,0,0,0,-1,0,92.38795325112868,0,0,1.6913417161825448);}87.5%{transform:matrix3d(-0.7071067811865467,0,0,0.003535533905932742,0,-1,0,0,0,0,-1,0,70.71067811865484,0,0,1.8535533905932733);}93.75%{transform:matrix3d(-0.9238795325112864,0,0,0.0019134171618254525,0,-1,0,0,0,0,-1,0,38.268343236509054,0,0,1.9619397662556433);}</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>}@keyframes <del style="font-weight: bold; text-decoration: none;">cell</del>-left{100%,0%{transform:matrix3d(0,0,0,-0.005,0,0,1,0,0,-1,0,0,-100,0,0,1.5);}6.25%{transform:matrix3d(0.38268343236509,0,0,-0.004619397662556433,0,0,1,0,0,-1,0,0,-92.38795325112866,0,0,1.308658283817455);}12.5%{transform:matrix3d(0.7071067811865474,0,0,-0.0035355339059327385,0,0,1,0,0,-1,0,0,-70.71067811865477,0,0,1.1464466094067263);}18.75%{transform:matrix3d(0.9238795325112865,0,0,-0.001913417161825452,0,0,1,0,0,-1,0,0,-38.26834323650904,0,0,1.0380602337443567);}25%{transform:matrix3d(1,0,0,0,0,0,1,0,0,-1,0,0,0,0,0,1);}31.25%{transform:matrix3d(0.9238795325112867,0,0,0.0019134171618254497,0,0,1,0,0,-1,0,0,38.268343236509,0,0,1.0380602337443565);}37.5%{transform:matrix3d(0.7071067811865477,0,0,0.003535533905932737,0,0,1,0,0,-1,0,0,70.71067811865474,0,0,1.146446609406726);}43.75%{transform:matrix3d(0.38268343236509045,0,0,0.004619397662556432,0,0,1,0,0,-1,0,0,92.38795325112865,0,0,1.3086582838174547);}50%{transform:matrix3d(0,0,0,0.005,0,0,1,0,0,-1,0,0,100,0,0,1.4999999999999998);}56.25%{transform:matrix3d(-0.3826834323650899,0,0,0.004619397662556434,0,0,1,0,0,-1,0,0,92.38795325112868,0,0,1.6913417161825448);}62.5%{transform:matrix3d(-0.7071067811865467,0,0,0.003535533905932742,0,0,1,0,0,-1,0,0,70.71067811865484,0,0,1.8535533905932733);}68.75%{transform:matrix3d(-0.9238795325112864,0,0,0.0019134171618254525,0,0,1,0,0,-1,0,0,38.268343236509054,0,0,1.9619397662556433);}75%{transform:matrix3d(-1,0,0,0,0,0,1,0,0,-1,0,0,0,0,0,2);}81.25%{transform:matrix3d(-0.9238795325112867,0,0,-0.0019134171618254492,0,0,1,0,0,-1,0,0,-38.26834323650898,0,0,1.9619397662556435);}87.5%{transform:matrix3d(-0.7071067811865471,0,0,-0.0035355339059327394,0,0,1,0,0,-1,0,0,-70.71067811865478,0,0,1.8535533905932735);}93.75%{transform:matrix3d(-0.38268343236509056,0,0,-0.004619397662556432,0,0,1,0,0,-1,0,0,-92.38795325112864,0,0,1.6913417161825453);}</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>}@keyframes <ins style="font-weight: bold; text-decoration: none;">c</ins>-left{100%,0%{transform:matrix3d(0,0,0,-0.005,0,0,1,0,0,-1,0,0,-100,0,0,1.5);}6.25%{transform:matrix3d(0.38268343236509,0,0,-0.004619397662556433,0,0,1,0,0,-1,0,0,-92.38795325112866,0,0,1.308658283817455);}12.5%{transform:matrix3d(0.7071067811865474,0,0,-0.0035355339059327385,0,0,1,0,0,-1,0,0,-70.71067811865477,0,0,1.1464466094067263);}18.75%{transform:matrix3d(0.9238795325112865,0,0,-0.001913417161825452,0,0,1,0,0,-1,0,0,-38.26834323650904,0,0,1.0380602337443567);}25%{transform:matrix3d(1,0,0,0,0,0,1,0,0,-1,0,0,0,0,0,1);}31.25%{transform:matrix3d(0.9238795325112867,0,0,0.0019134171618254497,0,0,1,0,0,-1,0,0,38.268343236509,0,0,1.0380602337443565);}37.5%{transform:matrix3d(0.7071067811865477,0,0,0.003535533905932737,0,0,1,0,0,-1,0,0,70.71067811865474,0,0,1.146446609406726);}43.75%{transform:matrix3d(0.38268343236509045,0,0,0.004619397662556432,0,0,1,0,0,-1,0,0,92.38795325112865,0,0,1.3086582838174547);}50%{transform:matrix3d(0,0,0,0.005,0,0,1,0,0,-1,0,0,100,0,0,1.4999999999999998);}56.25%{transform:matrix3d(-0.3826834323650899,0,0,0.004619397662556434,0,0,1,0,0,-1,0,0,92.38795325112868,0,0,1.6913417161825448);}62.5%{transform:matrix3d(-0.7071067811865467,0,0,0.003535533905932742,0,0,1,0,0,-1,0,0,70.71067811865484,0,0,1.8535533905932733);}68.75%{transform:matrix3d(-0.9238795325112864,0,0,0.0019134171618254525,0,0,1,0,0,-1,0,0,38.268343236509054,0,0,1.9619397662556433);}75%{transform:matrix3d(-1,0,0,0,0,0,1,0,0,-1,0,0,0,0,0,2);}81.25%{transform:matrix3d(-0.9238795325112867,0,0,-0.0019134171618254492,0,0,1,0,0,-1,0,0,-38.26834323650898,0,0,1.9619397662556435);}87.5%{transform:matrix3d(-0.7071067811865471,0,0,-0.0035355339059327394,0,0,1,0,0,-1,0,0,-70.71067811865478,0,0,1.8535533905932735);}93.75%{transform:matrix3d(-0.38268343236509056,0,0,-0.004619397662556432,0,0,1,0,0,-1,0,0,-92.38795325112864,0,0,1.6913417161825453);}</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>}}<div class="scene"><div class="<del style="font-weight: bold; text-decoration: none;">tesseract</del>"><div class="<del style="font-weight: bold; text-decoration: none;">tesseract</del>-<del style="font-weight: bold; text-decoration: none;">cell</del>" style="animation:8s step-end infinite <del style="font-weight: bold; text-decoration: none;">cell</del>-front;"><div class="<del style="font-weight: bold; text-decoration: none;">ridge</del>-front" style="background<del style="font-weight: bold; text-decoration: none;">-color</del>:#75A7;"></div><div class="<del style="font-weight: bold; text-decoration: none;">ridge</del>-back" style="background<del style="font-weight: bold; text-decoration: none;">-color</del>:#5427;"></div><div class="<del style="font-weight: bold; text-decoration: none;">ridge</del>-right" style="background<del style="font-weight: bold; text-decoration: none;">-color</del>:#0C37;"></div><div class="<del style="font-weight: bold; text-decoration: none;">ridge</del>-left" style="background<del style="font-weight: bold; text-decoration: none;">-color</del>:#1B77;"></div><div class="<del style="font-weight: bold; text-decoration: none;">ridge</del>-top" style="background<del style="font-weight: bold; text-decoration: none;">-color</del>:#0457;"></div><div class="<del style="font-weight: bold; text-decoration: none;">ridge</del>-bottom" style="background<del style="font-weight: bold; text-decoration: none;">-color</del>:#5337;"></div></div><div class="<del style="font-weight: bold; text-decoration: none;">tesseract</del>-<del style="font-weight: bold; text-decoration: none;">cell</del>" style="animation:8s step-end infinite <del style="font-weight: bold; text-decoration: none;">cell</del>-right;"><div class="<del style="font-weight: bold; text-decoration: none;">ridge</del>-front" style="background<del style="font-weight: bold; text-decoration: none;">-color</del>:#0477;"></div><div class="<del style="font-weight: bold; text-decoration: none;">ridge</del>-back" style="background<del style="font-weight: bold; text-decoration: none;">-color</del>:#FD27;"></div><div class="<del style="font-weight: bold; text-decoration: none;">ridge</del>-top" style="background<del style="font-weight: bold; text-decoration: none;">-color</del>:#7B37;"></div><div class="<del style="font-weight: bold; text-decoration: none;">ridge</del>-bottom" style="background<del style="font-weight: bold; text-decoration: none;">-color</del>:#0F47;"></div></div><div class="<del style="font-weight: bold; text-decoration: none;">tesseract</del>-<del style="font-weight: bold; text-decoration: none;">cell</del>" style="animation:8s step-end infinite <del style="font-weight: bold; text-decoration: none;">cell</del>-back;"><div class="<del style="font-weight: bold; text-decoration: none;">ridge</del>-front" style="background<del style="font-weight: bold; text-decoration: none;">-color</del>:#34E7;"></div><div class="<del style="font-weight: bold; text-decoration: none;">ridge</del>-back" style="background<del style="font-weight: bold; text-decoration: none;">-color</del>:#3E97;"></div><div class="<del style="font-weight: bold; text-decoration: none;">ridge</del>-right" style="background<del style="font-weight: bold; text-decoration: none;">-color</del>:#A6B7;"></div><div class="<del style="font-weight: bold; text-decoration: none;">ridge</del>-left" style="background<del style="font-weight: bold; text-decoration: none;">-color</del>:#4107;"></div><div class="<del style="font-weight: bold; text-decoration: none;">ridge</del>-top" style="background<del style="font-weight: bold; text-decoration: none;">-color</del>:#F987;"></div><div class="<del style="font-weight: bold; text-decoration: none;">ridge</del>-bottom" style="background<del style="font-weight: bold; text-decoration: none;">-color</del>:#EAD7;"></div></div><div class="<del style="font-weight: bold; text-decoration: none;">tesseract</del>-<del style="font-weight: bold; text-decoration: none;">cell</del>" style="animation:8s step-end infinite <del style="font-weight: bold; text-decoration: none;">cell</del>-left;"><div class="<del style="font-weight: bold; text-decoration: none;">ridge</del>-front" style="background<del style="font-weight: bold; text-decoration: none;">-color</del>:#F857;"></div><div class="<del style="font-weight: bold; text-decoration: none;">ridge</del>-back" style="background<del style="font-weight: bold; text-decoration: none;">-color</del>:#13D7;"></div><div class="<del style="font-weight: bold; text-decoration: none;">ridge</del>-top" style="background<del style="font-weight: bold; text-decoration: none;">-color</del>:#FE97;"></div><div class="<del style="font-weight: bold; text-decoration: none;">ridge</del>-bottom" style="background<del style="font-weight: bold; text-decoration: none;">-color</del>:#E8E7;"></div></div></div></div></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>}}<div class="scene"><div class="<ins style="font-weight: bold; text-decoration: none;">t</ins>"><div class="<ins style="font-weight: bold; text-decoration: none;">t</ins>-<ins style="font-weight: bold; text-decoration: none;">c</ins>" style="animation:8s step-end infinite <ins style="font-weight: bold; text-decoration: none;">c</ins>-front <ins style="font-weight: bold; text-decoration: none;">!important</ins>;"><div class="<ins style="font-weight: bold; text-decoration: none;">r</ins>-front" style="background:#75A7;"></div><div class="<ins style="font-weight: bold; text-decoration: none;">r</ins>-back" style="background:#5427;"></div><div class="<ins style="font-weight: bold; text-decoration: none;">r</ins>-right" style="background:#0C37;"></div><div class="<ins style="font-weight: bold; text-decoration: none;">r</ins>-left" style="background:#1B77;"></div><div class="<ins style="font-weight: bold; text-decoration: none;">r</ins>-top" style="background:#0457;"></div><div class="<ins style="font-weight: bold; text-decoration: none;">r</ins>-bottom" style="background:#5337;"></div></div><div class="<ins style="font-weight: bold; text-decoration: none;">t</ins>-<ins style="font-weight: bold; text-decoration: none;">c</ins>" style="animation:8s step-end infinite <ins style="font-weight: bold; text-decoration: none;">c</ins>-right <ins style="font-weight: bold; text-decoration: none;">!important</ins>;"><div class="<ins style="font-weight: bold; text-decoration: none;">r</ins>-front" style="background:#0477;"></div><div class="<ins style="font-weight: bold; text-decoration: none;">r</ins>-back" style="background:#FD27;"></div><div class="<ins style="font-weight: bold; text-decoration: none;">r</ins>-top" style="background:#7B37;"></div><div class="<ins style="font-weight: bold; text-decoration: none;">r</ins>-bottom" style="background:#0F47;"></div></div><div class="<ins style="font-weight: bold; text-decoration: none;">t</ins>-<ins style="font-weight: bold; text-decoration: none;">c</ins>" style="animation:8s step-end infinite <ins style="font-weight: bold; text-decoration: none;">c</ins>-back <ins style="font-weight: bold; text-decoration: none;">!important</ins>;"><div class="<ins style="font-weight: bold; text-decoration: none;">r</ins>-front" style="background:#34E7;"></div><div class="<ins style="font-weight: bold; text-decoration: none;">r</ins>-back" style="background:#3E97;"></div><div class="<ins style="font-weight: bold; text-decoration: none;">r</ins>-right" style="background:#A6B7;"></div><div class="<ins style="font-weight: bold; text-decoration: none;">r</ins>-left" style="background:#4107;"></div><div class="<ins style="font-weight: bold; text-decoration: none;">r</ins>-top" style="background:#F987;"></div><div class="<ins style="font-weight: bold; text-decoration: none;">r</ins>-bottom" style="background:#EAD7;"></div></div><div class="<ins style="font-weight: bold; text-decoration: none;">t</ins>-<ins style="font-weight: bold; text-decoration: none;">c</ins>" style="animation:8s step-end infinite <ins style="font-weight: bold; text-decoration: none;">c</ins>-left <ins style="font-weight: bold; text-decoration: none;">!important</ins>;"><div class="<ins style="font-weight: bold; text-decoration: none;">r</ins>-front" style="background:#F857;"></div><div class="<ins style="font-weight: bold; text-decoration: none;">r</ins>-back" style="background:#13D7;"></div><div class="<ins style="font-weight: bold; text-decoration: none;">r</ins>-top" style="background:#FE97;"></div><div class="<ins style="font-weight: bold; text-decoration: none;">r</ins>-bottom" style="background:#E8E7;"></div></div></div></div></div></td></tr>
<!-- diff cache key mediawiki:diff::1.12:old-634:rev-635 -->
</table>
Pseudosphere
http://camp2jr.objectshow.community/index.php?title=Rotating_CSS_Tesseract_Jr.&diff=634&oldid=prev
Pseudosphere at 01:28, 24 February 2024
2024-02-24T01:28:51Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 01:28, 24 February 2024</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Line 1:</td>
<td colspan="2" class="diff-lineno">Line 1:</td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>{{JuniorPage}}{{#css:.scene{height:200px;margin:100px;perspective:600px;width:200px;}.tesseract-cell{height:100%;position:absolute;transform-style:preserve-3d;width:100%;}.ridge-front,.ridge-right,.ridge-back,.ridge-left,.ridge-top,.ridge-bottom{height:200px;position:absolute;width:200px;}.tesseract{animation:8s linear infinite rotateyly;height:100%;position:relative;transform-style:preserve-3d;width:100%;}.ridge-front{transform:rotateY(0deg)translateZ(100px);}.ridge-right{transform:rotateY(90deg)translateZ(100px);}.ridge-back{transform:rotateY(180deg)translateZ(100px);}.ridge-left{transform:rotateY(-90deg)translateZ(100px);}.ridge-top{transform:rotateX(90deg)translateZ(100px);}.ridge-bottom{transform:rotateX(-90deg)translateZ(100px);}@keyframes rotateyly{0%{transform:rotate3d(-1,1,0,45deg)rotateX(0turn);}100%{transform:rotate3d(-1,1,0,45deg)rotateX(1turn);}</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>{{JuniorPage}}{{#css:.scene{height:200px;margin:100px;perspective:600px<ins style="font-weight: bold; text-decoration: none;">;transform:scale(0.5)</ins>;width:200px;}.tesseract-cell{height:100%;position:absolute;transform-style:preserve-3d;width:100%;}.ridge-front,.ridge-right,.ridge-back,.ridge-left,.ridge-top,.ridge-bottom{height:200px;position:absolute;width:200px;}.tesseract{animation:8s linear infinite rotateyly;height:100%;position:relative;transform-style:preserve-3d;width:100%;}.ridge-front{transform:rotateY(0deg)translateZ(100px);}.ridge-right{transform:rotateY(90deg)translateZ(100px);}.ridge-back{transform:rotateY(180deg)translateZ(100px);}.ridge-left{transform:rotateY(-90deg)translateZ(100px);}.ridge-top{transform:rotateX(90deg)translateZ(100px);}.ridge-bottom{transform:rotateX(-90deg)translateZ(100px);}@keyframes rotateyly{0%{transform:rotate3d(-1,1,0,45deg)rotateX(0turn);}100%{transform:rotate3d(-1,1,0,45deg)rotateX(1turn);}</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}@keyframes cell-front{100%,0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);}6.25%{transform:matrix3d(0.9238795325112867,0,0,0.001913417161825449,0,1,0,0,0,0,1,0,38.268343236508976,0,0,1.0380602337443565);}12.5%{transform:matrix3d(0.7071067811865476,0,0,0.0035355339059327372,0,1,0,0,0,0,1,0,70.71067811865474,0,0,1.1464466094067263);}18.75%{transform:matrix3d(0.38268343236508984,0,0,0.004619397662556434,0,1,0,0,0,0,1,0,92.38795325112868,0,0,1.3086582838174552);}25%{transform:matrix3d(0,0,0,0.005,0,1,0,0,0,0,1,0,100,0,0,1.5);}31.25%{transform:matrix3d(-0.3826834323650897,0,0,0.004619397662556434,0,1,0,0,0,0,1,0,92.38795325112868,0,0,1.6913417161825448);}37.5%{transform:matrix3d(-0.7071067811865475,0,0,0.003535533905932738,0,1,0,0,0,0,1,0,70.71067811865476,0,0,1.8535533905932737);}43.75%{transform:matrix3d(-0.9238795325112867,0,0,0.0019134171618254495,0,1,0,0,0,0,1,0,38.26834323650899,0,0,1.9619397662556435);}50%{transform:matrix3d(-1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,2);}56.25%{transform:matrix3d(-0.9238795325112868,0,0,-0.0019134171618254484,0,1,0,0,0,0,1,0,-38.26834323650897,0,0,1.9619397662556435);}62.5%{transform:matrix3d(-0.7071067811865477,0,0,-0.0035355339059327372,0,1,0,0,0,0,1,0,-70.71067811865474,0,0,1.853553390593274);}68.75%{transform:matrix3d(-0.38268343236509034,0,0,-0.004619397662556432,0,1,0,0,0,0,1,0,-92.38795325112865,0,0,1.6913417161825453);}75%{transform:matrix3d(0,0,0,-0.005,0,1,0,0,0,0,1,0,-100,0,0,1.5);}81.25%{transform:matrix3d(0.38268343236509,0,0,-0.004619397662556433,0,1,0,0,0,0,1,0,-92.38795325112866,0,0,1.308658283817455);}87.5%{transform:matrix3d(0.7071067811865474,0,0,-0.0035355339059327385,0,1,0,0,0,0,1,0,-70.71067811865477,0,0,1.1464466094067263);}93.75%{transform:matrix3d(0.9238795325112865,0,0,-0.001913417161825452,0,1,0,0,0,0,1,0,-38.26834323650904,0,0,1.0380602337443567);}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}@keyframes cell-front{100%,0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);}6.25%{transform:matrix3d(0.9238795325112867,0,0,0.001913417161825449,0,1,0,0,0,0,1,0,38.268343236508976,0,0,1.0380602337443565);}12.5%{transform:matrix3d(0.7071067811865476,0,0,0.0035355339059327372,0,1,0,0,0,0,1,0,70.71067811865474,0,0,1.1464466094067263);}18.75%{transform:matrix3d(0.38268343236508984,0,0,0.004619397662556434,0,1,0,0,0,0,1,0,92.38795325112868,0,0,1.3086582838174552);}25%{transform:matrix3d(0,0,0,0.005,0,1,0,0,0,0,1,0,100,0,0,1.5);}31.25%{transform:matrix3d(-0.3826834323650897,0,0,0.004619397662556434,0,1,0,0,0,0,1,0,92.38795325112868,0,0,1.6913417161825448);}37.5%{transform:matrix3d(-0.7071067811865475,0,0,0.003535533905932738,0,1,0,0,0,0,1,0,70.71067811865476,0,0,1.8535533905932737);}43.75%{transform:matrix3d(-0.9238795325112867,0,0,0.0019134171618254495,0,1,0,0,0,0,1,0,38.26834323650899,0,0,1.9619397662556435);}50%{transform:matrix3d(-1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,2);}56.25%{transform:matrix3d(-0.9238795325112868,0,0,-0.0019134171618254484,0,1,0,0,0,0,1,0,-38.26834323650897,0,0,1.9619397662556435);}62.5%{transform:matrix3d(-0.7071067811865477,0,0,-0.0035355339059327372,0,1,0,0,0,0,1,0,-70.71067811865474,0,0,1.853553390593274);}68.75%{transform:matrix3d(-0.38268343236509034,0,0,-0.004619397662556432,0,1,0,0,0,0,1,0,-92.38795325112865,0,0,1.6913417161825453);}75%{transform:matrix3d(0,0,0,-0.005,0,1,0,0,0,0,1,0,-100,0,0,1.5);}81.25%{transform:matrix3d(0.38268343236509,0,0,-0.004619397662556433,0,1,0,0,0,0,1,0,-92.38795325112866,0,0,1.308658283817455);}87.5%{transform:matrix3d(0.7071067811865474,0,0,-0.0035355339059327385,0,1,0,0,0,0,1,0,-70.71067811865477,0,0,1.1464466094067263);}93.75%{transform:matrix3d(0.9238795325112865,0,0,-0.001913417161825452,0,1,0,0,0,0,1,0,-38.26834323650904,0,0,1.0380602337443567);}</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}@keyframes cell-right{100%,0%{transform:matrix3d(0,0,0,0.005,0,0,-1,0,0,1,0,0,100,0,0,1.5);}6.25%{transform:matrix3d(-0.3826834323650897,0,0,0.004619397662556434,0,0,-1,0,0,1,0,0,92.38795325112868,0,0,1.6913417161825448);}12.5%{transform:matrix3d(-0.7071067811865475,0,0,0.003535533905932738,0,0,-1,0,0,1,0,0,70.71067811865476,0,0,1.8535533905932737);}18.75%{transform:matrix3d(-0.9238795325112867,0,0,0.0019134171618254495,0,0,-1,0,0,1,0,0,38.26834323650899,0,0,1.9619397662556435);}25%{transform:matrix3d(-1,0,0,0,0,0,-1,0,0,1,0,0,0,0,0,2);}31.25%{transform:matrix3d(-0.9238795325112868,0,0,-0.0019134171618254484,0,0,-1,0,0,1,0,0,-38.26834323650897,0,0,1.9619397662556435);}37.5%{transform:matrix3d(-0.7071067811865477,0,0,-0.0035355339059327372,0,0,-1,0,0,1,0,0,-70.71067811865474,0,0,1.853553390593274);}43.75%{transform:matrix3d(-0.38268343236509034,0,0,-0.004619397662556432,0,0,-1,0,0,1,0,0,-92.38795325112865,0,0,1.6913417161825453);}50%{transform:matrix3d(0,0,0,-0.005,0,0,-1,0,0,1,0,0,-100,0,0,1.5);}56.25%{transform:matrix3d(0.38268343236509,0,0,-0.004619397662556433,0,0,-1,0,0,1,0,0,-92.38795325112866,0,0,1.308658283817455);}62.5%{transform:matrix3d(0.7071067811865474,0,0,-0.0035355339059327385,0,0,-1,0,0,1,0,0,-70.71067811865477,0,0,1.1464466094067263);}68.75%{transform:matrix3d(0.9238795325112865,0,0,-0.001913417161825452,0,0,-1,0,0,1,0,0,-38.26834323650904,0,0,1.0380602337443567);}75%{transform:matrix3d(1,0,0,0,0,0,-1,0,0,1,0,0,0,0,0,1);}81.25%{transform:matrix3d(0.9238795325112867,0,0,0.0019134171618254497,0,0,-1,0,0,1,0,0,38.268343236509,0,0,1.0380602337443565);}87.5%{transform:matrix3d(0.7071067811865477,0,0,0.003535533905932737,0,0,-1,0,0,1,0,0,70.71067811865474,0,0,1.146446609406726);}93.75%{transform:matrix3d(0.38268343236509045,0,0,0.004619397662556432,0,0,-1,0,0,1,0,0,92.38795325112865,0,0,1.3086582838174547);}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}@keyframes cell-right{100%,0%{transform:matrix3d(0,0,0,0.005,0,0,-1,0,0,1,0,0,100,0,0,1.5);}6.25%{transform:matrix3d(-0.3826834323650897,0,0,0.004619397662556434,0,0,-1,0,0,1,0,0,92.38795325112868,0,0,1.6913417161825448);}12.5%{transform:matrix3d(-0.7071067811865475,0,0,0.003535533905932738,0,0,-1,0,0,1,0,0,70.71067811865476,0,0,1.8535533905932737);}18.75%{transform:matrix3d(-0.9238795325112867,0,0,0.0019134171618254495,0,0,-1,0,0,1,0,0,38.26834323650899,0,0,1.9619397662556435);}25%{transform:matrix3d(-1,0,0,0,0,0,-1,0,0,1,0,0,0,0,0,2);}31.25%{transform:matrix3d(-0.9238795325112868,0,0,-0.0019134171618254484,0,0,-1,0,0,1,0,0,-38.26834323650897,0,0,1.9619397662556435);}37.5%{transform:matrix3d(-0.7071067811865477,0,0,-0.0035355339059327372,0,0,-1,0,0,1,0,0,-70.71067811865474,0,0,1.853553390593274);}43.75%{transform:matrix3d(-0.38268343236509034,0,0,-0.004619397662556432,0,0,-1,0,0,1,0,0,-92.38795325112865,0,0,1.6913417161825453);}50%{transform:matrix3d(0,0,0,-0.005,0,0,-1,0,0,1,0,0,-100,0,0,1.5);}56.25%{transform:matrix3d(0.38268343236509,0,0,-0.004619397662556433,0,0,-1,0,0,1,0,0,-92.38795325112866,0,0,1.308658283817455);}62.5%{transform:matrix3d(0.7071067811865474,0,0,-0.0035355339059327385,0,0,-1,0,0,1,0,0,-70.71067811865477,0,0,1.1464466094067263);}68.75%{transform:matrix3d(0.9238795325112865,0,0,-0.001913417161825452,0,0,-1,0,0,1,0,0,-38.26834323650904,0,0,1.0380602337443567);}75%{transform:matrix3d(1,0,0,0,0,0,-1,0,0,1,0,0,0,0,0,1);}81.25%{transform:matrix3d(0.9238795325112867,0,0,0.0019134171618254497,0,0,-1,0,0,1,0,0,38.268343236509,0,0,1.0380602337443565);}87.5%{transform:matrix3d(0.7071067811865477,0,0,0.003535533905932737,0,0,-1,0,0,1,0,0,70.71067811865474,0,0,1.146446609406726);}93.75%{transform:matrix3d(0.38268343236509045,0,0,0.004619397662556432,0,0,-1,0,0,1,0,0,92.38795325112865,0,0,1.3086582838174547);}</div></td></tr>
<!-- diff cache key mediawiki:diff::1.12:old-633:rev-634 -->
</table>
Pseudosphere
http://camp2jr.objectshow.community/index.php?title=Rotating_CSS_Tesseract_Jr.&diff=633&oldid=prev
Pseudosphere: Created page with "{{JuniorPage}}{{#css:.scene{height:200px;margin:100px;perspective:600px;width:200px;}.tesseract-cell{height:100%;position:absolute;transform-style:preserve-3d;width:100%;}.ridge-front,.ridge-right,.ridge-back,.ridge-left,.ridge-top,.ridge-bottom{height:200px;position:absolute;width:200px;}.tesseract{animation:8s linear infinite rotateyly;height:100%;position:relative;transform-style:preserve-3d;width:100%;}.ridge-front{transform:rotateY(0deg)translateZ(100px);}.ridge-rig..."
2024-02-24T01:06:22Z
<p>Created page with "{{JuniorPage}}{{#css:.scene{height:200px;margin:100px;perspective:600px;width:200px;}.tesseract-cell{height:100%;position:absolute;transform-style:preserve-3d;width:100%;}.ridge-front,.ridge-right,.ridge-back,.ridge-left,.ridge-top,.ridge-bottom{height:200px;position:absolute;width:200px;}.tesseract{animation:8s linear infinite rotateyly;height:100%;position:relative;transform-style:preserve-3d;width:100%;}.ridge-front{transform:rotateY(0deg)translateZ(100px);}.ridge-rig..."</p>
<p><b>New page</b></p><div>{{JuniorPage}}{{#css:.scene{height:200px;margin:100px;perspective:600px;width:200px;}.tesseract-cell{height:100%;position:absolute;transform-style:preserve-3d;width:100%;}.ridge-front,.ridge-right,.ridge-back,.ridge-left,.ridge-top,.ridge-bottom{height:200px;position:absolute;width:200px;}.tesseract{animation:8s linear infinite rotateyly;height:100%;position:relative;transform-style:preserve-3d;width:100%;}.ridge-front{transform:rotateY(0deg)translateZ(100px);}.ridge-right{transform:rotateY(90deg)translateZ(100px);}.ridge-back{transform:rotateY(180deg)translateZ(100px);}.ridge-left{transform:rotateY(-90deg)translateZ(100px);}.ridge-top{transform:rotateX(90deg)translateZ(100px);}.ridge-bottom{transform:rotateX(-90deg)translateZ(100px);}@keyframes rotateyly{0%{transform:rotate3d(-1,1,0,45deg)rotateX(0turn);}100%{transform:rotate3d(-1,1,0,45deg)rotateX(1turn);}<br />
}@keyframes cell-front{100%,0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);}6.25%{transform:matrix3d(0.9238795325112867,0,0,0.001913417161825449,0,1,0,0,0,0,1,0,38.268343236508976,0,0,1.0380602337443565);}12.5%{transform:matrix3d(0.7071067811865476,0,0,0.0035355339059327372,0,1,0,0,0,0,1,0,70.71067811865474,0,0,1.1464466094067263);}18.75%{transform:matrix3d(0.38268343236508984,0,0,0.004619397662556434,0,1,0,0,0,0,1,0,92.38795325112868,0,0,1.3086582838174552);}25%{transform:matrix3d(0,0,0,0.005,0,1,0,0,0,0,1,0,100,0,0,1.5);}31.25%{transform:matrix3d(-0.3826834323650897,0,0,0.004619397662556434,0,1,0,0,0,0,1,0,92.38795325112868,0,0,1.6913417161825448);}37.5%{transform:matrix3d(-0.7071067811865475,0,0,0.003535533905932738,0,1,0,0,0,0,1,0,70.71067811865476,0,0,1.8535533905932737);}43.75%{transform:matrix3d(-0.9238795325112867,0,0,0.0019134171618254495,0,1,0,0,0,0,1,0,38.26834323650899,0,0,1.9619397662556435);}50%{transform:matrix3d(-1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,2);}56.25%{transform:matrix3d(-0.9238795325112868,0,0,-0.0019134171618254484,0,1,0,0,0,0,1,0,-38.26834323650897,0,0,1.9619397662556435);}62.5%{transform:matrix3d(-0.7071067811865477,0,0,-0.0035355339059327372,0,1,0,0,0,0,1,0,-70.71067811865474,0,0,1.853553390593274);}68.75%{transform:matrix3d(-0.38268343236509034,0,0,-0.004619397662556432,0,1,0,0,0,0,1,0,-92.38795325112865,0,0,1.6913417161825453);}75%{transform:matrix3d(0,0,0,-0.005,0,1,0,0,0,0,1,0,-100,0,0,1.5);}81.25%{transform:matrix3d(0.38268343236509,0,0,-0.004619397662556433,0,1,0,0,0,0,1,0,-92.38795325112866,0,0,1.308658283817455);}87.5%{transform:matrix3d(0.7071067811865474,0,0,-0.0035355339059327385,0,1,0,0,0,0,1,0,-70.71067811865477,0,0,1.1464466094067263);}93.75%{transform:matrix3d(0.9238795325112865,0,0,-0.001913417161825452,0,1,0,0,0,0,1,0,-38.26834323650904,0,0,1.0380602337443567);}<br />
}@keyframes cell-right{100%,0%{transform:matrix3d(0,0,0,0.005,0,0,-1,0,0,1,0,0,100,0,0,1.5);}6.25%{transform:matrix3d(-0.3826834323650897,0,0,0.004619397662556434,0,0,-1,0,0,1,0,0,92.38795325112868,0,0,1.6913417161825448);}12.5%{transform:matrix3d(-0.7071067811865475,0,0,0.003535533905932738,0,0,-1,0,0,1,0,0,70.71067811865476,0,0,1.8535533905932737);}18.75%{transform:matrix3d(-0.9238795325112867,0,0,0.0019134171618254495,0,0,-1,0,0,1,0,0,38.26834323650899,0,0,1.9619397662556435);}25%{transform:matrix3d(-1,0,0,0,0,0,-1,0,0,1,0,0,0,0,0,2);}31.25%{transform:matrix3d(-0.9238795325112868,0,0,-0.0019134171618254484,0,0,-1,0,0,1,0,0,-38.26834323650897,0,0,1.9619397662556435);}37.5%{transform:matrix3d(-0.7071067811865477,0,0,-0.0035355339059327372,0,0,-1,0,0,1,0,0,-70.71067811865474,0,0,1.853553390593274);}43.75%{transform:matrix3d(-0.38268343236509034,0,0,-0.004619397662556432,0,0,-1,0,0,1,0,0,-92.38795325112865,0,0,1.6913417161825453);}50%{transform:matrix3d(0,0,0,-0.005,0,0,-1,0,0,1,0,0,-100,0,0,1.5);}56.25%{transform:matrix3d(0.38268343236509,0,0,-0.004619397662556433,0,0,-1,0,0,1,0,0,-92.38795325112866,0,0,1.308658283817455);}62.5%{transform:matrix3d(0.7071067811865474,0,0,-0.0035355339059327385,0,0,-1,0,0,1,0,0,-70.71067811865477,0,0,1.1464466094067263);}68.75%{transform:matrix3d(0.9238795325112865,0,0,-0.001913417161825452,0,0,-1,0,0,1,0,0,-38.26834323650904,0,0,1.0380602337443567);}75%{transform:matrix3d(1,0,0,0,0,0,-1,0,0,1,0,0,0,0,0,1);}81.25%{transform:matrix3d(0.9238795325112867,0,0,0.0019134171618254497,0,0,-1,0,0,1,0,0,38.268343236509,0,0,1.0380602337443565);}87.5%{transform:matrix3d(0.7071067811865477,0,0,0.003535533905932737,0,0,-1,0,0,1,0,0,70.71067811865474,0,0,1.146446609406726);}93.75%{transform:matrix3d(0.38268343236509045,0,0,0.004619397662556432,0,0,-1,0,0,1,0,0,92.38795325112865,0,0,1.3086582838174547);}<br />
}@keyframes cell-back{100%,0%{transform:matrix3d(-1,0,0,0,0,-1,0,0,0,0,-1,0,0,0,0,2);}6.25%{transform:matrix3d(-0.9238795325112868,0,0,-0.0019134171618254484,0,-1,0,0,0,0,-1,0,-38.26834323650897,0,0,1.9619397662556435);}12.5%{transform:matrix3d(-0.7071067811865477,0,0,-0.0035355339059327372,0,-1,0,0,0,0,-1,0,-70.71067811865474,0,0,1.853553390593274);}18.75%{transform:matrix3d(-0.38268343236509034,0,0,-0.004619397662556432,0,-1,0,0,0,0,-1,0,-92.38795325112865,0,0,1.6913417161825453);}25%{transform:matrix3d(0,0,0,-0.005,0,-1,0,0,0,0,-1,0,-100,0,0,1.5);}31.25%{transform:matrix3d(0.38268343236509,0,0,-0.004619397662556433,0,-1,0,0,0,0,-1,0,-92.38795325112866,0,0,1.308658283817455);}37.5%{transform:matrix3d(0.7071067811865474,0,0,-0.0035355339059327385,0,-1,0,0,0,0,-1,0,-70.71067811865477,0,0,1.1464466094067263);}43.75%{transform:matrix3d(0.9238795325112865,0,0,-0.001913417161825452,0,-1,0,0,0,0,-1,0,-38.26834323650904,0,0,1.0380602337443567);}50%{transform:matrix3d(1,0,0,0,0,-1,0,0,0,0,-1,0,0,0,0,1);}56.25%{transform:matrix3d(0.9238795325112867,0,0,0.0019134171618254497,0,-1,0,0,0,0,-1,0,38.268343236509,0,0,1.0380602337443565);}62.5%{transform:matrix3d(0.7071067811865477,0,0,0.003535533905932737,0,-1,0,0,0,0,-1,0,70.71067811865474,0,0,1.146446609406726);}68.75%{transform:matrix3d(0.38268343236509045,0,0,0.004619397662556432,0,-1,0,0,0,0,-1,0,92.38795325112865,0,0,1.3086582838174547);}75%{transform:matrix3d(0,0,0,0.005,0,-1,0,0,0,0,-1,0,100,0,0,1.4999999999999998);}81.25%{transform:matrix3d(-0.3826834323650899,0,0,0.004619397662556434,0,-1,0,0,0,0,-1,0,92.38795325112868,0,0,1.6913417161825448);}87.5%{transform:matrix3d(-0.7071067811865467,0,0,0.003535533905932742,0,-1,0,0,0,0,-1,0,70.71067811865484,0,0,1.8535533905932733);}93.75%{transform:matrix3d(-0.9238795325112864,0,0,0.0019134171618254525,0,-1,0,0,0,0,-1,0,38.268343236509054,0,0,1.9619397662556433);}<br />
}@keyframes cell-left{100%,0%{transform:matrix3d(0,0,0,-0.005,0,0,1,0,0,-1,0,0,-100,0,0,1.5);}6.25%{transform:matrix3d(0.38268343236509,0,0,-0.004619397662556433,0,0,1,0,0,-1,0,0,-92.38795325112866,0,0,1.308658283817455);}12.5%{transform:matrix3d(0.7071067811865474,0,0,-0.0035355339059327385,0,0,1,0,0,-1,0,0,-70.71067811865477,0,0,1.1464466094067263);}18.75%{transform:matrix3d(0.9238795325112865,0,0,-0.001913417161825452,0,0,1,0,0,-1,0,0,-38.26834323650904,0,0,1.0380602337443567);}25%{transform:matrix3d(1,0,0,0,0,0,1,0,0,-1,0,0,0,0,0,1);}31.25%{transform:matrix3d(0.9238795325112867,0,0,0.0019134171618254497,0,0,1,0,0,-1,0,0,38.268343236509,0,0,1.0380602337443565);}37.5%{transform:matrix3d(0.7071067811865477,0,0,0.003535533905932737,0,0,1,0,0,-1,0,0,70.71067811865474,0,0,1.146446609406726);}43.75%{transform:matrix3d(0.38268343236509045,0,0,0.004619397662556432,0,0,1,0,0,-1,0,0,92.38795325112865,0,0,1.3086582838174547);}50%{transform:matrix3d(0,0,0,0.005,0,0,1,0,0,-1,0,0,100,0,0,1.4999999999999998);}56.25%{transform:matrix3d(-0.3826834323650899,0,0,0.004619397662556434,0,0,1,0,0,-1,0,0,92.38795325112868,0,0,1.6913417161825448);}62.5%{transform:matrix3d(-0.7071067811865467,0,0,0.003535533905932742,0,0,1,0,0,-1,0,0,70.71067811865484,0,0,1.8535533905932733);}68.75%{transform:matrix3d(-0.9238795325112864,0,0,0.0019134171618254525,0,0,1,0,0,-1,0,0,38.268343236509054,0,0,1.9619397662556433);}75%{transform:matrix3d(-1,0,0,0,0,0,1,0,0,-1,0,0,0,0,0,2);}81.25%{transform:matrix3d(-0.9238795325112867,0,0,-0.0019134171618254492,0,0,1,0,0,-1,0,0,-38.26834323650898,0,0,1.9619397662556435);}87.5%{transform:matrix3d(-0.7071067811865471,0,0,-0.0035355339059327394,0,0,1,0,0,-1,0,0,-70.71067811865478,0,0,1.8535533905932735);}93.75%{transform:matrix3d(-0.38268343236509056,0,0,-0.004619397662556432,0,0,1,0,0,-1,0,0,-92.38795325112864,0,0,1.6913417161825453);}<br />
}<br />
}}<div class="scene"><div class="tesseract"><div class="tesseract-cell" style="animation:8s step-end infinite cell-front;"><div class="ridge-front" style="background-color:#75A7;"></div><div class="ridge-back" style="background-color:#5427;"></div><div class="ridge-right" style="background-color:#0C37;"></div><div class="ridge-left" style="background-color:#1B77;"></div><div class="ridge-top" style="background-color:#0457;"></div><div class="ridge-bottom" style="background-color:#5337;"></div></div><div class="tesseract-cell" style="animation:8s step-end infinite cell-right;"><div class="ridge-front" style="background-color:#0477;"></div><div class="ridge-back" style="background-color:#FD27;"></div><div class="ridge-top" style="background-color:#7B37;"></div><div class="ridge-bottom" style="background-color:#0F47;"></div></div><div class="tesseract-cell" style="animation:8s step-end infinite cell-back;"><div class="ridge-front" style="background-color:#34E7;"></div><div class="ridge-back" style="background-color:#3E97;"></div><div class="ridge-right" style="background-color:#A6B7;"></div><div class="ridge-left" style="background-color:#4107;"></div><div class="ridge-top" style="background-color:#F987;"></div><div class="ridge-bottom" style="background-color:#EAD7;"></div></div><div class="tesseract-cell" style="animation:8s step-end infinite cell-left;"><div class="ridge-front" style="background-color:#F857;"></div><div class="ridge-back" style="background-color:#13D7;"></div><div class="ridge-top" style="background-color:#FE97;"></div><div class="ridge-bottom" style="background-color:#E8E7;"></div></div></div></div></div>
Pseudosphere