1,067
edits
Changes
Make your own kaleidoscope (view source)
Revision as of 07:05, 19 August 2024
, 07:05, 19 August 2024no edit summary
Line 113:
Line 113:
height: 256px;
height: 256px;
position: absolute;
position: absolute;
+}
+.scene-4-3 > div {
+transition: 1s scale;
+}
+#mw-customcollapsible-fov2.mw-collapsed ~ .scene-4-3 > div {
+scale: 0.5;
+}
+#mw-customcollapsible-fov4.mw-collapsed ~ .scene-4-3 > div {
+scale: 0.25;
+}
+#mw-customcollapsible-fov8.mw-collapsed ~ .scene-4-3 > div {
+scale: 0.125;
+}
+#mw-customcollapsible-fov16.mw-collapsed ~ .scene-4-3 > div {
+scale: 0.0625;
+}
+#mw-customcollapsible-fovinf.mw-collapsed ~ .scene-4-3 > div {
+scale: 0;
}
}
.scene-4-3 div div {
.scene-4-3 div div {
Line 534:
Line 552:
</div>
</div>
====Select Shape====
====Select Shape====
−<div class="cox">{{Select|foo|{{CDD|node|4|node|3|node}}||mw-customtoggle-4-3-t mw-customtoggle-4-3|{{CDD|node|6|node|3|node}}||mw-customtoggle-6-3-t mw-customtoggle-6-3|{{CDD|node|4|node|4|node}}||mw-customtoggle-4-4-t mw-customtoggle-4-4|{{CDD|node|infin|node|2|node|infin|node}}||mw-customtoggle-inf-x-inf-t mw-customtoggle-inf-x-inf|{{CDD|node|4|node|5|node}}||mw-customtoggle-4-5-t mw-customtoggle-4-5|{{CDD|node|4|node|5|node}} but chiral||mw-customtoggle-4-5-chiral-t mw-customtoggle-4-5-chiral}}</div>
+<div class="cox">{{Select|foo|{{CDD|node|4|node|3|node}}||mw-customtoggle-4-3-t mw-customtoggle-4-3 mw-customtoggle-fovthing|{{CDD|node|6|node|3|node}}||mw-customtoggle-6-3-t mw-customtoggle-6-3|{{CDD|node|4|node|4|node}}||mw-customtoggle-4-4-t mw-customtoggle-4-4|{{CDD|node|infin|node|2|node|infin|node}}||mw-customtoggle-inf-x-inf-t mw-customtoggle-inf-x-inf|{{CDD|node|4|node|5|node}}||mw-customtoggle-4-5-t mw-customtoggle-4-5|{{CDD|node|4|node|5|node}} but chiral||mw-customtoggle-4-5-chiral-t mw-customtoggle-4-5-chiral}}</div>
====Select Image====
====Select Image====
{{Select|bar|Niko||mw-customtoggle-niko|Muscle Man||mw-customtoggle-muscleman|Chomby||mw-customtoggle-chomby|Lego star wars III the clone wars for the xbox 360||mw-customtoggle-legostarwarsiiitheclonewarsforthexbox360|Nonsmiler||mw-customtoggle-nonsmiler|$wgLogos||mw-customtoggle-wiki|{{CDD|node|2|node 1|2|node}}||mw-customtoggle-rect|{{CDD|node 1|2|node 1|2|node 1}}||mw-customtoggle-omni|{{CDD|node 1|2|node|2|node 1}}||mw-customtoggle-cant}}
{{Select|bar|Niko||mw-customtoggle-niko|Muscle Man||mw-customtoggle-muscleman|Chomby||mw-customtoggle-chomby|Lego star wars III the clone wars for the xbox 360||mw-customtoggle-legostarwarsiiitheclonewarsforthexbox360|Nonsmiler||mw-customtoggle-nonsmiler|$wgLogos||mw-customtoggle-wiki|{{CDD|node|2|node 1|2|node}}||mw-customtoggle-rect|{{CDD|node 1|2|node 1|2|node 1}}||mw-customtoggle-omni|{{CDD|node 1|2|node|2|node 1}}||mw-customtoggle-cant}}
<div class="imagetransform">
<div class="imagetransform">
+<div class="mw-collapsible" id="mw-customcollapsible-fov2"></div>
+<div class="mw-collapsible" id="mw-customcollapsible-fov4"></div>
+<div class="mw-collapsible" id="mw-customcollapsible-fov8"></div>
+<div class="mw-collapsible" id="mw-customcollapsible-fov16"></div>
+<div class="mw-collapsible" id="mw-customcollapsible-fovinf"></div>
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-poincare"></div>
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-poincare"></div>
<div class="scene-4-3 mw-collapsible" id="mw-customcollapsible-4-3">
<div class="scene-4-3 mw-collapsible" id="mw-customcollapsible-4-3">
Line 845:
Line 868:
</div>
</div>
</div>
</div>
+<div class="mw-collapsible" id="mw-customcollapsible-fovthing">
+FOV Selection
+{{Select|fovsel|1|||2||mw-customtoggle-fov2|4||mw-customtoggle-fov4|8||mw-customtoggle-fov8|16||mw-customtoggle-fov16|∞||mw-customtoggle-fovinf}}</div>
<p class="mw-customtoggle-poincare">toggle Poincaré perspective</p>
<p class="mw-customtoggle-poincare">toggle Poincaré perspective</p>
</div>
</div>
[[Category:Pages which use over 10 kilobytes of CSS]][[Category:Pages featuring Muscle Man]][[Category:Pages containing kaleidoscopes]][[Category:Pages containing a hyperbolic plane]]
[[Category:Pages which use over 10 kilobytes of CSS]][[Category:Pages featuring Muscle Man]][[Category:Pages containing kaleidoscopes]][[Category:Pages containing a hyperbolic plane]]