New mission: revamp the portals to make them look actually tolerable to the eye. They are currently placeholders as of now.
The Gold Network: Soyworld | SNCApedia | SoyPlace

I'm not dead, just inactive for the moment. Faggot (talk) 20:16, 9 April 2026 (UTC)

Template:3DCube: Difference between revisions

From SNCApedia, the shit nobody cares about encyclopedia
Jump to navigationJump to search
Newer edit →
VisualWikitext
testing 3D stuff...
 
tried to make it 3D but i guess we'll have this "carousel" illusion
Line 1: Line 1:
testing 3D stuff (could be useful since the scnapedia logo is literally a 3D cube!
<includeonly><templatestyles src="Template:3DCube/style.css" />
{{#css:
.scene {
width: 200px;
height: 200px;
perspective: 600px;
margin: 100px;
}
 
.cube {
width: 100%;
height: 100%;
position: relative;
transform-style: preserve-3d;
animation: rotatey 5s linear infinite;
}
 
.cube-face {
position: absolute;
width: 200px;
height: 200px;
}
.flip img {
transform: scaleX(-1);
}
.face-front  { transform: rotateY(  0deg) translateZ(100px); }
.face-right  { transform: rotateY( 90deg) translateZ(100px); }
.face-back  { transform: rotateY(180deg) translateZ(100px); }
.face-left  { transform: rotateY(-90deg) translateZ(100px); }
.face-top    { transform: rotateX( 90deg) translateZ(100px); }
.face-bottom { transform: rotateX(-90deg) translateZ(100px); }
@keyframes rotatey {
0% { transform: rotate3d(0, 0, 1, 0deg); }
100% { transform: rotate3d(1, 0, 1, 360deg); }
}
/* most of the css was taken from https://3dtransforms.desandro.com/cube */
}}
<div class="scene">
<div class="scene">
<div class="cube" style="image-rendering: pixelated;">
  <div class="cube" style="image-rendering: pixelated;">
<div class="cube-face face-front"><div class="flip">[[File:Shit_nobody_cares_about_science_lover.png|200px]]</div></div>
    <div class="cube-face face-front">[[File:{{{front|{{{image|Shit_nobody_cares_about_science_lover.png}}}}}}|200px|link=]]</div>
<div class="cube-face face-back"><div class="flip">[[File:Shit_nobody_cares_about_science_lover.png|200px]]</div></div>
    <div class="cube-face face-back">[[File:{{{back|{{{image|Shit_nobody_cares_about_science_lover.png}}}}}}|200px|link=]]</div>
<div class="cube-face face-right">[[File:Shit_nobody_cares_about_science_lover.png|200px]]</div>
    <div class="cube-face face-right">[[File:{{{right|{{{image|Shit_nobody_cares_about_science_lover.png}}}}}}|200px|link=]]</div>
<div class="cube-face face-left">[[File:Shit_nobody_cares_about_science_lover.png|200px]]</div>
    <div class="cube-face face-left">[[File:{{{left|{{{image|Shit_nobody_cares_about_science_lover.png}}}}}}|200px|link=]]</div>
<div class="cube-face face-top">[[File:Shit_nobody_cares_about_science_lover.png|200px]]</div>
  </div>
<div class="cube-face face-bottom">[[File:Shit_nobody_cares_about_science_lover.png|200px]]</div>
</div>
</div>
</div>
[[Category:Pages containing a rotating css cube]]</includeonly><noinclude>
[[Category:Pages containing a rotating css cube]]
== Usage ==
{{3DCube | image = Shit_nobody_cares_about_science_lover.png }}
</noinclude>

Revision as of 17:44, 11 April 2026

Usage

Retrieved from "https://www.sncapedia.org/index.php?title=Template:3DCube&oldid=29870"