April Fools Forum Flip Code

[teabags]

Thank you Alisha it works great

Sorry but where about do you set the time to revert to normal do you change the 3000 to 30?

[Alisha]

teabags, For the code provided, the time is in milliseconds. This means that 3000= 3 seconds, and 30000= 30 seconds. The part in red is what you would need to change.

<div id="css_Holder"><style type="text/css">
body
{
-moz-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
}
</style>
</div>
<script type="text/Javascript">
<!--

var time = 30000;
function revert() {
document.getElementById('css_Holder').innerHTML = '';
}
setTimeout('revert()', time);

//-->
</script>

[teabags]

Thanks alisha sorry didnt get back sooner

[temperateporcine]

Internet explorer needs the line -ms-transform: rotate(180deg); added to the code thus:

<div id="css_Holder"><style type="text/css">
body
{
-moz-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(180deg);
}
</style>
</div>
<script type="text/Javascript">
<!--

var time = 30000;
function revert() {
document.getElementById('css_Holder').innerHTML = '';
}
setTimeout('revert()', time);

//-->
</script>

Cool.