The Wiki Camp 2 - User contributions [en]

Dense Pipes

2025-09-29T00:05:34Z

ForeskinGamer87:

{{#css:
<style>
.rotPipes {
position: absolute;
top: 50%;
left: 50%;
width: 120px;
height: 120px;
margin:-60px 0 0 -60px;
}
@keyframes rotPipesAnimation {
100% { transform: rotate(360deg); }

}
.rotPipes img, .rotPipes > div {
animation: 1s linear infinite rotPipesAnimation;
}
</style>
}}
I spent 2 hours on this [[CSS]] for nothing. No views I bet.

<div class = "rotPipes">[[file: Dense Pipes.jpg]]</div>
<big><big><big>[[LIKE]] [[THIS]] PAGE NOWWWWWWWWWWWW NNNNNNOOOOOOOOOOOOWWWWWWWWWW</big></big></big>
[[Category:Silly]][[Category:DO NOT CLICK DO NOT ]]

Dense Pipes

2025-09-29T00:00:17Z

ForeskinGamer87:

{{#css:
<style>
.rotPipes {
position: absolute;
top: 50%;
left: 50%;
width: 120px;
height: 120px;
margin:-60px 0 0 -60px;
}
@keyframes rotPipesAnimation {
100% { transform: rotate(360deg); }

}
.rotPipes img, .rotPipes > div {
animation: 1s linear infinite rotPipesAnimation;
}
</style>
}}
I spent 2 hours on this [[CSS]] for nothing. No views I bet.

<div class = "rotPipes">[[file: Dense Pipes.jpg]]</div>
<big><big><big>LIKE [[THIS]] PAGE NOWWWWWWWWWWWW NNNNNNOOOOOOOOOOOOWWWWWWWWWW</big></big></big>
[[Category:Silly]][[Category:DO NOT CLICK DO NOT ]]

Dense Pipes

2025-09-28T23:53:48Z

ForeskinGamer87:

{{#css:
<style>
.rotPipes {
position: absolute;
top: 50%;
left: 50%;
width: 120px;
height: 120px;
margin:-60px 0 0 -60px;
}
@keyframes rotPipesAnimation {
100% { transform: rotate(360deg); }

}
.rotPipes img, .rotPipes > div {
animation: 1s linear infinite rotPipesAnimation;
}
</style>
}}
I spent 2 hours on this [[CSS]] for nothing. No views I bet.

<div class = "rotPipes">[[file: Dense Pipes.jpg]]</div>
[[Category:Silly]][[Category:DO NOT CLICK DO NOT ]]

Dense Pipes

2025-09-28T23:53:14Z

ForeskinGamer87:

Dense Pipes

2025-09-28T23:52:10Z

ForeskinGamer87:

{{#css:
<style>
.rotPipes {
position: absolute;
top: 50%;
left: 50%;
width: 120px;
height: 120px;
margin:-60px 0 0 -60px;
}
@keyframes rotPipesAnimation {
100% { transform: rotate(360deg); }

}
.rotPipes img, .rotPipes > div {
animation: 1s linear infinite rotPipesAnimation;
}
</style>
}}
I spent 2 hours on this [[CSS]] for nothing. No views I bet.
<div class = "rotPipes">[[file: Dense Pipes.jpg]]</div>

Dense Pipes

2025-09-28T23:50:03Z

ForeskinGamer87:

Dense Pipes

2025-09-28T23:49:09Z

ForeskinGamer87:

Dense Pipes

2025-09-28T23:48:51Z

ForeskinGamer87:

Dense Pipes

2025-09-28T23:46:59Z

ForeskinGamer87:

{{#css:
.dense {
position: absolute;
top: 50%;
left: 50%;
width: 120px;
height: 120px;
margin:-60px 0 0 -60px;
rotPipes:spin 4s linear infinite;

@keyframes rotPipes {
0% { transform: rotate:(360deg);}
100% { transform: rotate:(0deg);}
}
.rotPipes img, .rotPipes > div {
animation: rotPipes 0.2s linear alternate infinite;
}
}}
<div class = "dense">[[file: Dense Pipes.jpg]]<</div>>

Dense Pipes

2025-09-28T23:41:19Z

ForeskinGamer87:

{{#css:
dense {
position: absolute;
top: 50%;
left: 50%;
width: 120px;
height: 120px;
margin:-60px 0 0 -60px;
rotPipes:spin 4s linear infinite;

@keyframes rotPipes {
0% { transform: rotate:(360deg);}
100% { transform: rotate:(0deg);}
}
.rotPipes img, .rotPipes > div {
animation: rotPipes 0.2s linear alternate infinite;
}
}}
<div class = "dense">[[file: Dense Pipes.jpg]]<</div>>

Dense Pipes

2025-09-28T23:39:58Z

ForeskinGamer87:

{{#css:
dense {
position: absolute;
top: 50%;
left: 50%;
width: 120px;
height: 120px;
margin:-60px 0 0 -60px;
rotPipes:spin 4s linear infinite;

@keyframes rotPipes {
100% { -rotPipestransform: rotate:(360deg);}
100% { transform: rotate:(0deg);}
}
.rotPipes img, .rotPipes > div {
animation: rotPipes 0.2s linear alternate infinite;
}
}}
<div class = "dense">[[file: Dense Pipes.jpg]]<</div>>

Dense Pipes

2025-09-28T23:30:19Z

ForeskinGamer87:

Dense Pipes

2025-09-28T23:26:30Z

ForeskinGamer87:

Dense Pipes

2025-09-28T23:22:19Z

ForeskinGamer87:

Dense Pipes

2025-09-28T23:18:15Z

ForeskinGamer87:

Dense Pipes

2025-09-28T23:14:34Z

ForeskinGamer87:

div {
position: absolute;
top: 50%;
left: 50%;
width: 120px;
height: 120px;
margin:-60px 0 0 -60px;
rotPipes:spin 4s linear infinite;

@keyframes rotPipes {
100% { -rotPipestransform: rotate:(360deg);}
100% { transform: rotate:(0deg);}
}
.rotPipes img, .rotPipes > div {
animation: rotPipes 0.2s linear alternate infinite;
}
<img class="image" src="https://i.sstatic.net/pC1Tv.jpg" alt="" width="120" height="120">
<html>
<head>
<style>
div {
width: 100px;
height: 100px;
background-color: red;
animation-name: myAnimation;
animation-duration: 4s;
}

@keyframes myAnimation {
0% {transform: rotate(360deg);}
25% {background-color: yellow;}
50% {background-color: blue;}
100% {background-color: green;}
}
</style>
</head>
<body>

<h1>CSS Animation</h1>

<div></div>

<p><b>Note:</b> When an animation is finished, it goes back to its original style.</p>

</body>
</html>

Dense Pipes

2025-09-28T23:13:52Z

ForeskinGamer87:

Dense Pipes

2025-09-28T23:08:07Z

ForeskinGamer87:

<includeonly><{{#ifeq:{{{inline|}}}|yes|span style="display:inline-block;"|div}} class="rotPipes">{{{1}}}</{{#ifeq:{{{inline|}}}|yes|span|div}}>{{#css:
@keyframes rotPipes {
100% { -rotPipestransform: rotate:(360deg);}
100% { transform: rotate:(0deg);}
}
.rotPipes img, .rotPipes > div {
animation: rotPipes 0.2s linear alternate infinite;
}
<div>

Dense Pipes

2025-09-28T23:05:22Z

ForeskinGamer87:

Dense Pipes

2025-09-28T23:04:55Z

ForeskinGamer87:

Dense Pipes

2025-09-28T23:01:39Z

ForeskinGamer87:

<includeonly><{{#ifeq:{{{inline|}}}|yes|span style="display:inline-block;"|div}} class="rotPipes">{{{1}}}</{{#ifeq:{{{inline|}}}|yes|span|div}}>{{#css:
@keyframes rotPipes {
100% { transform: rotate:(360deg);}
100% { transform: rotate:(0deg);}
}
.rotPipes img, .rotPipes > div {
animation: rotPipes 0.2s linear alternate infinite;
}
}}</includeonly><noinclude>[[Category:Silly]]<center>{{wibble wobble|inline=yes|[[File:Dense Pipes.jpg]]}}</center></noinclude>

Dense Pipes

2025-09-28T22:59:57Z

ForeskinGamer87:

<includeonly><{{#ifeq:{{{inline|}}}|yes|span style="display:inline-block;"|div}} class="rotPipes">{{{1}}}</{{#ifeq:{{{inline|}}}|yes|span|div}}>{{#css:
@keyframes rotPipes {
0% { transform: rotate:(360deg);}
100% { transform: rotate:(0deg);}
}
.rotPipes img, .rotPipes > div {
animation: rotPipes 0.2s linear alternate infinite;
}
}}</includeonly><noinclude>[[Category:Silly]]<center>{{wibble wobble|inline=yes|[[File:Dense Pipes.jpg]]}}</center></noinclude>

Dense Pipes

2025-09-28T22:58:01Z

ForeskinGamer87:

<includeonly><{{#ifeq:{{{inline|}}}|yes|span style="display:inline-block;"|div}} class="rotPipes">{{{1}}}</{{#ifeq:{{{inline|}}}|yes|span|div}}>{{#css:
@keyframes rotPipes {
0% { transform: rotate(360);}
100% { transform: rotate(0);}
}
.rotPipes img, .rotPipes > div {
animation: rotPipes 0.2s linear alternate infinite;
}
}}</includeonly><noinclude>[[Category:Design templates]][[Category:Silly]]<center>{{wibble wobble|inline=yes|[[File:Dense Pipes.jpg]]}}</center></noinclude>

Dense Pipes

2025-09-28T22:49:17Z

ForeskinGamer87:

<includeonly><{{#ifeq:{{{inline|}}}|yes|span style="display:inline-block;"|div}} class="wibblewobble">{{{1}}}</{{#ifeq:{{{inline|}}}|yes|span|div}}>{{#css:
@keyframes wibblewobble {
0% { transform: scale(1.1, 0.9);}
100% { transform: scale(0.9, 1.1);}
}
.wibblewobble img, .wibblewobble > div {
animation: wibblewobble 1s ease-in-out alternate infinite;
}
}}</includeonly><noinclude>[[Category:Design templates]][[Category:Silly]]<center>{{wibble wobble|inline=yes|[[File:Dense Pipes.jpg]]}}</center></noinclude>

<img class="image" src="https://i.sstatic.net/pC1Tv.jpg" alt="" width="120" height="120">

Dense Pipes

2025-09-28T22:39:26Z

ForeskinGamer87:

[[File:Dense Pipes.jpg|center|frameless]]
<<div class="image">>
.image {
position: absolute;
top: 50%;
left: 50%;
width: 120px;
height: 120px;
margin:-60px 0 0 -60px;
-webkit-animation:spin 4s linear infinite;
-moz-animation:spin 4s linear infinite;
animation:spin 4s linear infinite;
}
@-moz-keyframes spin {
100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform:rotate(360deg);
}
}
<img class="image" src="https://i.sstatic.net/pC1Tv.jpg" alt="" width="120" height="120">

Dense Pipes

2025-09-28T22:21:48Z

ForeskinGamer87:

Dense Pipes

2025-09-28T22:20:16Z

ForeskinGamer87:

[[File:Dense Pipes.jpg|center|frameless]]
.image {
position: absolute;
top: 50%;
left: 50%;
width: 120px;
height: 120px;
margin:-60px 0 0 -60px;
-webkit-animation:spin 4s linear infinite;
-moz-animation:spin 4s linear infinite;
animation:spin 4s linear infinite;
}
@-moz-keyframes spin {
100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform:rotate(360deg);
}
}

Dense Pipes

2025-09-28T22:17:37Z

ForeskinGamer87:

[[File:Dense Pipes.jpg|center|frameless]]
{{#css:
.scene4 {
width: 200px;
height: 200px;
perspective: 600px;
margin: 100px;
}

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

Dense Pipes

2025-09-28T22:15:35Z

ForeskinGamer87:

[[File:Dense Pipes.jpg|center|frameless]]
{#css:
.scene4 {
width: 200px;
height: 200px;
perspective: 600px;
margin: 100px;
}

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

Dense Pipes

2025-09-28T22:15:21Z

ForeskinGamer87:

Dense Pipes

2025-09-28T22:14:39Z

ForeskinGamer87: Created page with "frameless {{#css: .scene4 { width: 200px; height: 200px; perspective: 600px; margin: 100px; } .cube4 { width: 100%; height: 100%; position: relative; transform-style: preserve-3d; animation: rotatey 5s linear infinite; }"

[[File:DensePipes.jpg|center|frameless]]
{{#css:
.scene4 {
width: 200px;
height: 200px;
perspective: 600px;
margin: 100px;
}

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

File:Dense Pipes.jpg

2025-09-28T22:10:51Z

ForeskinGamer87:

WATCH