Buckaroody

[[File:Renard_-_YOU_GOT_CURVES_SHE_GOT_CURVES_-_Instrumental.mp3]]
[[File:The_Howie_Scream.mp3]]

<div style="transform: scale(0.500,0.500)">
<div class="shrubcake";><div class="walkcake">[[File:BOO.png]]</div></div>
</div>
<div style="transform: scale(0.300,0.300)">
<div class="shrubcake";><div class="walkcake">[[File:BOO.png]]</div></div>
</div>
{{#css:
.nyarpa h1{
position: absolute;
width: 350%;
height: 100%;
margin: 0;
font-size: 42px;
text-align: center;
transform:translateX(-100%);
animation: cssmarquee 4s linear infinite;
}
@keyframes cssmarquee {
0% {transform: translateX(-100%)}
100% {transform: translateX(100%)}
}
}}
<div class="nyarpa">
<h1><div class="shrubcake";>{{Loop|500|[[File:BOO.png]]}}</div><div class="shrubcake";>[[File:BOO.png]]</div><div class="shrubcake";>[[File:BOO.png]]</div><div class="shrubcake";>[[File:BOO.png]]</div></h1>
</div>
<div class="shrubcake";><div class="walkcake">[[File:BOO.png]]</div></div>
<div style="position: fixed; right:8px; bottom: 2%; z-index: 9000;">{{:Clippy}}</div>
<div style="position: fixed; left:8px; bottom: 2%; z-index: 9000;">[[File:BOO.png|100px]]</div>
<div style="position: fixed; left:8px; top: 2%; z-index: 9000;">[[File:BOO.png|100px]]</div>
<div style="position: fixed; right:8px; top: 2%; z-index: 9000;">[[File:BOO.png|100px]]</div>
<div style="position: fixed; right:8px; bottom: 2%; z-index: 8999;">[[File:BOO.png|100px]]</div>
<div style="transform: scale(0.500,0.500)">
<div class="shrubcake";><div class="walkcake">[[File:BOO.png]]</div></div>
</div>
<div style="transform: scale(0.300,0.300)">
<div class="shrubcake";><div class="walkcake">[[File:BOO.png]]</div></div>
</div>
{{#css:
@keyframes blow {
50% {transform: scale(.3,.3);}
100% {transform: scale(2,2);}
} 
.bobbul {
animation: blow 1.5s alternate infinite;
}
}}
<div class="shrubcake";><div class="walkcake"><div class="bobbul">{{Loop|3|[[File:BOO.png]]}}</div></div></div>
{{#css:
.scenecake {
position: relative;
top: 30px;
left: 350px;
width: 200px;
height: 200px;
perspective: 600px;
}
.dodecahedron1 {
width: 100%;
height: 100%;
position: relative;
transform-style: preserve-3d;
animation: rotatey1 7s linear infinite;
}

.dodecahedron2 {
width: 100%;
height: 100%;
position: relative;
transform-style: preserve-3d;
animation: rotatey2 5s linear infinite;
}

.dodecahedron3 {
width: 100%;
height: 100%;
position: relative;
transform-style: preserve-3d;
animation: rotatey3 9s linear infinite;
}

.cube-facecake {
position: absolute;
width: 200px;
height: 200px;
}
.facecake-front  { transform: rotateY(  0deg) translateZ(100px); -webkit-transform: rotateY(  0deg) translateZ(100px); background-color: white; }
.facecake-right  { transform: rotateY( 90deg) translateZ(100px); -webkit-transform: rotateY( 90deg) translateZ(100px); background-color: white; }
.facecake-back   { transform: rotateY( 180deg) translateZ(100px); -webkit-transform: rotateY( 180deg) translateZ(100px); background-color: white; }
.facecake-left   { transform: rotateY( -90deg) translateZ(100px); -webkit-transform: rotateY( -90deg) translateZ(100px); background-color: white; }
.facecake-top    { transform: rotateX( 90deg) translateZ(100px); -webkit-transform: rotateX( 90deg) translateZ(100px); background-color: white; }
.facecake-bottom { transform: rotateX( -90deg) translateZ(100px); -webkit-transform: rotateX( -90deg) translateZ(100px); background-color: white; }
.pentagon {
position: absolute;
width: 200px;
height: 200px;
border-radius: 100px;
}
.pentagon img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.f01 { transform: translateZ(100px); }
.f02 { transform: rotate3d( 0,1,0, 58.282525deg) translateZ(100px);}
.f03 { transform: rotate3d( 2.5,1,0, 58.282525deg) translateZ(100px);}
.f04 { transform: rotate3d(-2.5,1,0, 58.282525deg) translateZ(100px);}
.f05 { transform: rotate3d( 0.75,1,0,-58.282525deg) translateZ(100px);}
.f06 { transform: rotate3d(-0.75,1,0,-58.282525deg) translateZ(100px);}
.f07 { transform: translateZ(-100px);}
.f08 { transform: rotate3d( 0,1,0, 58.282525deg) translateZ(-100px);}
.f09 { transform: rotate3d( 2.5,1,0, 58.282525deg) translateZ(-100px);}
.f10 { transform: rotate3d(-2.5,1,0, 58.282525deg) translateZ(-100px);}
.f11 { transform: rotate3d( 0.75,1,0,-58.282525deg) translateZ(-100px);}
.f12 { transform: rotate3d(-0.75,1,0,-58.282525deg) translateZ(-100px);}
@keyframes rotatey1 {
0% { transform: rotate3d(0, 0, 1, 0deg); }
100% { transform: rotate3d(0, 0, 1, 360deg); }
}
@keyframes rotatey2 {
0% { transform: rotate3d(0, 0, 1, 0deg); }
100% { transform: rotate3d(0, 1, 0, 360deg); }
}
@keyframes rotatey3 {
0% { transform: rotate3d(0, 0, 1, 0deg); }
100% { transform: rotate3d(1, 0, 0, 360deg); }
}
}}
<div class="scenecake">
	<div class="dodecahedron1">
	<div class="dodecahedron2">
	<div class="dodecahedron3">
		<div class="pentagon f01"><div class="shrubcake";>[[File:BOO.png]]</div></div>
		<div class="pentagon f02"><div class="shrubcake";>[[File:BOO.png]]</div></div>
		<div class="pentagon f03"><div class="shrubcake";>[[File:BOO.png]]</div>]</div>
		<div class="pentagon f04"><div class="shrubcake";>[[File:BOO.png]]</div></div>
		<div class="pentagon f05"><div class="shrubcake";>[[File:BOO.png]]</div></div>
		<div class="pentagon f06"><div class="shrubcake";>[[File:BOO.png]]</div></div>
		<div class="pentagon f07"><div class="shrubcake";>[[File:BOO.png]]</div></div>
		<div class="pentagon f08"><div class="shrubcake";>[[File:BOO.png]]</div></div>
		<div class="pentagon f09"><div class="shrubcake";>[[File:BOO.png]]</div></div>
		<div class="pentagon f10"><div class="shrubcake";>[[File:BOO.png]]</div></div>
		<div class="pentagon f11"><div class="shrubcake";>[[File:BOO.png]]</div></div>
		<div class="pentagon f12"><div class="shrubcake";>[[File:BOO.png]]</div></div>
	</div>
	</div>
	</div>
</div>
<br><br>
<div class="rotate"><div class="shrubcake";>[[File:BOO.png]]</div></div>




{{#css:
@keyframes rot {
100% {transform: rotate(1turn);}
}
.rotate {
animation: rot 1s linear infinite;
}
}}
<div class="shrubcake";><div class="walkcake"><div class="bobbul">
<div class="scenecake">
	<div class="dodecahedron1">
	<div class="dodecahedron2">
	<div class="dodecahedron3">
		<div class="pentagon f01"><div class="angry"><div class="shrubcake";>{{blink|[[File:BOO.png]]}}</div></div></div>
		<div class="pentagon f02"><div class="angry"><div class="shrubcake";>{{blink|[[File:BOO.png]]}}</div></div></div>
		<div class="pentagon f03"><div class="angry"><div class="shrubcake";>{{blink|[[File:BOO.png]]}}</div></div></div>
		<div class="pentagon f04"><div class="angry"><div class="shrubcake";>{{blink|[[File:BOO.png]]}}</div></div></div>
		<div class="pentagon f05"><div class="angry"><div class="shrubcake";>{{blink|[[File:BOO.png]]}}</div></div></div>
		<div class="pentagon f06"><div class="angry"><div class="shrubcake";>{{blink|[[File:BOO.png]]}}</div></div></div>
		<div class="pentagon f07"><div class="angry"><div class="shrubcake";>{{blink|[[File:BOO.png]]}}</div></div></div>
		<div class="pentagon f08"><div class="angry"><div class="shrubcake";>{{blink|[[File:BOO.png]]}}</div></div></div>
		<div class="pentagon f09"><div class="angry"><div class="shrubcake";>{{blink|[[File:BOO.png]]}}</div></div></div>
		<div class="pentagon f10"><div class="angry"><div class="shrubcake";>{{blink|[[File:BOO.png]]}}</div></div></div>
		<div class="pentagon f11"><div class="angry"><div class="shrubcake";>{{blink|[[File:BOO.png]]}}</div></div></div>
		<div class="pentagon f12"><div class="angry"><div class="shrubcake";>{{blink|[[File:BOO.png]]}}</div></div></div>
	</div>
	</div>
	</div>
</div>
</div></div>
{{#css:
.angry{
animation: angry 0.4s linear infinite;
animation-direction: alternate;
}
@keyframes angry {
 0% {filter: saturate(1) contrast(1);}
 100% {filter:saturate(2) contrast(4);}
}
}}
<div class="nyarpan">
<h1><div class="shrubcake";><div class="bobbul"><div class="angry"><div class="rotate"><noinclude><div class="walkcake">{{Loop|50|[[File:BOO.png|250px]]}}</div></noinclude></div></div></div></div></h1>
</div>
{{#css:
.nyarpan h1{
position: absolute;
width: 350%;
height: 500%;
margin: 0;
font-size: 42px;
text-align: center;
transform:translateX(-100%);
animation: cssmarquee 17s linear infinite;
}
@keyframes cssmarquee {
0% {transform: translateX(-100%)}
100% {transform: translateX(100%)}
}
}}
{{#css:
.mw-body {
background-image: linear-gradient(#ffffff00 90%, #a30e03 100%);
}
}}
</div></div></div></div></div></div>

{{#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;
}
.face-front  { transform: rotateY(  0deg) translateZ(100px); background-color: rgba(255, 0, 0, 0.5); }
.face-right  { transform: rotateY( 90deg) translateZ(100px); background-color: rgba(255, 255, 0, 0.5); }
.face-back   { transform: rotateY(180deg) translateZ(100px); background-color: rgba(0, 255, 0, 0.5); }
.face-left   { transform: rotateY(-90deg) translateZ(100px); background-color: rgba(0, 255, 255, 0.5); }
.face-top    { transform: rotateX( 90deg) translateZ(100px); background-color: rgba(0, 0, 255, 0.5); }
.face-bottom { transform: rotateX(-90deg) translateZ(100px); background-color: rgba(255, 0, 255, 0.5); }
@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="cube">
<div class="cube-face face-front">[[File:BOO.png|200px]]</div>
<div class="cube-face face-back">[[File:BOO.png|200px]]</div>
<div class="cube-face face-right">[[File:BOO.png|200px]]</div>
<div class="cube-face face-left">[[File:BOO.png|200px]]</div>
<div class="cube-face face-top">[[File:BOO.png|200px]]</div>
<div class="cube-face face-bottom">[[File:BOO.png|200px]]</div>
</div>
</div>

{{#css:
.scene {
width: 1000px;
height: 1000px;
perspective: 50px;
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;
}
.face-front  { transform: rotateY(  0deg) translateZ(100px); background-color: rgba(255, 0, 0, 0.5); }
.face-right  { transform: rotateY( 90deg) translateZ(100px); background-color: rgba(255, 255, 0, 0.5); }
.face-back   { transform: rotateY(180deg) translateZ(100px); background-color: rgba(0, 255, 0, 0.5); }
.face-left   { transform: rotateY(-90deg) translateZ(100px); background-color: rgba(0, 255, 255, 0.5); }
.face-top    { transform: rotateX( 90deg) translateZ(100px); background-color: rgba(0, 0, 255, 0.5); }
.face-bottom { transform: rotateX(-90deg) translateZ(100px); background-color: rgba(255, 0, 255, 0.5); }
@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="cube">
<div class="cube-face face-front">[[File:BOO.png|200px]]</div>
<div class="cube-face face-back">[[File:BOO.png|200px]]</div>
<div class="cube-face face-right">[[File:BOO.png|200px]]</div>
<div class="cube-face face-left">[[File:BOO.png|200px]]</div>
<div class="cube-face face-top">[[File:BOO.png|200px]]</div>
<div class="cube-face face-bottom">[[File:BOO.png|200px]]</div>
</div>
</div>

{{#css:
.walkcake {
position: relative;
height: 100%;
width:inherit;
margin-right:margin-left
text-align: left;
transform:translateX(0%);
animation: move 3s ease-in-out infinite alternate-reverse;
}
@keyframes move {
 0% {transform: translateX(0%);}
 100% {transform: translateX(55%);}
}
}}
{{#css:
@keyframes move {
 0% {transform: translateX(0%);}
 100% {transform: translateX(50%);}
}
.shrubcake {
animation: shrubcakeAnim 0.5s linear infinite alternate-reverse;
}
@keyframes shrubcakeAnim{
  0% { transform: translate(0.1px, -0.1px) rotate(0.5deg); scaleY(1);}
  20% { transform: translate(-0.1px, 0.1px) rotate(-0.5deg) scaleY(1.05);}
  40% { transform: translate(0.1px, -0.1px) rotate(0.5deg) scaleY(1);}
  60% { transform: translate(-0.1px, 0.1px) rotate(-0.5deg) scaleY(0.95);}
  80% { transform: translate(0.1px, -0.1px) rotate(0.5deg) scaleY(1);}
  100% { transform: translate(-0.1px, 0.1px) rotate(-0.5deg) scaleY(1.05);}
}}
{{#css:
.yturn {
 animation: yturn 5s ease-in-out infinite;
}
.xturn {
 animation: xturn 11s ease-in-out infinite;
}
.zturn {
 animation: zturn 13s linear infinite;
}

@keyframes yturn {
  0% { transform: scaleX(1); }
  50% { transform: scaleX(-1); }
  100% { transform: scaleX(1); }
}
@keyframes xturn {
  0% { transform: scaleY(1); }
  50% { transform: scaleY(-1); }
  100% { transform: scaleY(1); }
}
@keyframes zturn {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(-90deg); }
  50% { transform: rotate(-180deg); }
  75% { transform: rotate(-270deg); }
  100% { transform: rotate(-359deg); }
}
}}

{{#css:
.scenecake {
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-facecake {
position: absolute;
width: 200px;
height: 200px;
}
.facecake-front  { transform: rotateY(  0deg) translateZ(00px); background-color: rgba(255, 0, 0, 0); }
.facecake-right  { transform: rotateY( 90deg) translateZ(00px); background-color: rgba(255, 255, 0, 0); }
.facecake-back   { transform: rotateY(180deg) translateZ(00px); background-color: rgba(0, 255, 0, 0); }
.facecake-left   { transform: rotateY(-90deg) translateZ(00px); background-color: rgba(0, 255, 255, 0); }
.facecake-top    { transform: rotateX( 90deg) translateZ(00px); background-color: rgba(0, 0, 255, 0); }
.facecake-bottom { transform: rotateX(-90deg) translateZ(00px); background-color: rgba(255, 0, 255, 0); }
@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="zturn"><div class="xturn"><div class="yturn">
<noinclude>
<div class="scenecake">
<div class="cube">
<div class="cube-facecake facecake-front"><div class="shrubcake";><div class="walkcake">[[File:BOO.png]]</div></div></div>
<div class="cube-facecake facecake-back"><div class="shrubcake";><div class="walkcake">[[File:BOO.png]]</div></div></div>
<div class="cube-facecake facecake-right"><div class="shrubcake";><div class="walkcake">[[File:BOO.png]]</div></div></div>
<div class="cube-facecake facecake-left"><div class="shrubcake";><div class="walkcake">[[File:BOO.png]]</div></div></div></div>
<div class="cube-facecake facecake-top"></div>
<div class="cube-facecake facecake-bottom"></div>
</div>
</div></div></div>
</noinclude>
<div class="shrubcake";><div class="walkcake">[[File:BOO.png]]</div></div>

[[File:BOO.png|thumb|hello]]
[[File:AAAAA.gif|thumb|cary from the hit tv show uhm is frightened and so am i]]
[[File:Theskyfell.png|1000px|THEYRE IN TARNATION!!!!!!!]]





[[File:Reunion.gif]]