https://stockhub.co/index.php?action=history&feed=atom&title=Module%3ASandbox%2FHarshrathod50%2FCube_3D 2026-04-20T22:57:42Z Revision history for this page on the wiki MediaWiki 1.43.5 https://stockhub.co/index.php?title=Module:Sandbox/Harshrathod50/Cube_3D&diff=145509&oldid=prev 2021-06-05T22:30:28Z

<p>Izno moved page <a href="/index.php?title=Module:Cube_3D&amp;action=edit&amp;redlink=1" class="new" title="Module:Cube 3D (page does not exist)">Module:Cube 3D</a> to <a href="/research/Module:Sandbox/Harshrathod50/Cube_3D" title="Module:Sandbox/Harshrathod50/Cube 3D">Module:Sandbox/Harshrathod50/Cube 3D</a> without leaving a redirect: no obvious use on Wikipedia</p> <p><b>New page</b></p><div>--[[<br /> The CSS 3D Cube<br /> Author: Harsh Rathod<br /> License: MIT<br /> Version: 1.0.0<br /> ]]<br /> <br /> local p = {}<br /> <br /> function p.cube(frame)<br /> local side = &quot;100px&quot;<br /> faceStyle = {<br /> [&quot;align-items&quot;] = &quot;center&quot;,<br /> [&quot;background&quot;] = &quot;yellow&quot;,<br /> [&quot;border&quot;] = &quot;1px solid black&quot;,<br /> [&quot;box-sizing&quot;] = &quot;border-box&quot;,<br /> [&quot;display&quot;] = &quot;flex&quot;,<br /> [&quot;flex-wrap&quot;] = &quot;wrap&quot;,<br /> [&quot;justify-content&quot;] = &quot;center&quot;,<br /> [&quot;height&quot;] = side,<br /> [&quot;opacity&quot;] = 0.9,<br /> [&quot;overflow&quot;] = &quot;hidden&quot;,<br /> [&quot;position&quot;] = &quot;absolute&quot;,<br /> [&quot;top&quot;] = &quot;calc(&quot; .. side .. &quot; / -2)&quot;,<br /> [&quot;left&quot;] = &quot;calc(&quot; .. side .. &quot; / -2)&quot;,<br /> [&quot;width&quot;] = side<br /> }<br /> cube = mw.html.create(&quot;div&quot;)<br /> cube<br /> :css({<br /> [&quot;height&quot;] = 0,<br /> [&quot;position&quot;] = &quot;absolute&quot;,<br /> [&quot;top&quot;] = &quot;50%&quot;,<br /> [&quot;left&quot;] = &quot;50%&quot;,<br /> [&quot;transform&quot;] = &quot;rotateX(-45deg) rotateY(45deg)&quot;,<br /> [&quot;transform-style&quot;] = &quot;preserve-3d&quot;,<br /> [&quot;width&quot;] = 0<br /> })<br /> :tag(&quot;div&quot;)<br /> :css(faceStyle)<br /> :css({<br /> [&quot;transform&quot;] = &quot;translateZ(calc(&quot; .. side .. &quot; / 2))&quot;<br /> })<br /> :done()<br /> :tag(&quot;div&quot;)<br /> :css(faceStyle)<br /> :css({<br /> [&quot;transform&quot;] = &quot;rotateY(180deg) translateZ(calc(&quot; .. side .. &quot; / 2))&quot;<br /> })<br /> :done()<br /> :tag(&quot;div&quot;)<br /> :css(faceStyle)<br /> :css({<br /> [&quot;transform&quot;] = &quot;rotateY(90deg) translateZ(calc(&quot; .. side .. &quot; / 2))&quot;<br /> })<br /> :done()<br /> :tag(&quot;div&quot;)<br /> :css(faceStyle)<br /> :css({<br /> [&quot;transform&quot;] = &quot;rotateY(-90deg) translateZ(calc(&quot; .. side .. &quot; / 2))&quot;<br /> })<br /> :done()<br /> :tag(&quot;div&quot;)<br /> :css(faceStyle)<br /> :css({<br /> [&quot;transform&quot;] = &quot;rotateX(90deg) translateZ(calc(&quot; .. side .. &quot; / 2))&quot;<br /> })<br /> :done()<br /> :tag(&quot;div&quot;)<br /> :css(faceStyle)<br /> :css({<br /> [&quot;transform&quot;] = &quot;rotateX(90deg) translateZ(calc(&quot; .. side .. &quot; / -2))&quot;<br /> })<br /> cubeContainer = mw.html.create(&quot;div&quot;)<br /> cubeContainer<br /> :node(cube)<br /> :css({<br /> [&quot;box-sizing&quot;] = &quot;border-box&quot;,<br /> [&quot;height&quot;] = &quot;calc(&quot; .. side .. &quot; + (&quot; .. side .. &quot; * 0.75))&quot;,<br /> [&quot;position&quot;] = &quot;relative&quot;,<br /> [&quot;width&quot;] = &quot;calc(&quot; .. side .. &quot; + (&quot; .. side .. &quot; * 0.75))&quot;<br /> })<br /> return cubeContainer<br /> end<br /> <br /> return p</div>

imported>Izno