Skip to content


Subversion checkout URL

You can clone with
Download ZIP
Fetching contributors…
Cannot retrieve contributors at this time
114 lines (91 sloc) 3.86 KB
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
<html xmlns="">
<title>X3DOM 1.0 - IX Special</title>
<link rel="icon" type="image/" href="media/images/instantreality.ico" />
<link rel="stylesheet" type="text/css" href="" />
<link rel="stylesheet" type="text/css" href="" />
<!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="" /><![endif]-->
<link rel="stylesheet" type="text/css" href="" media="screen, projection" />
<!-- X3DOM -->
<script type='text/javascript' src=''></script>
<link rel="stylesheet" type="text/css" href="" />
<style type="text/css">
#earth {
-webkit-animation: spinErde 1s infinite linear;
@-webkit-keyframes spinErde {
from { -webkit-transform: rotateY(0); }
to { -webkit-transform: rotateY(360deg); }
#moon {
-webkit-animation: spinMoon 27s infinite linear;
@-webkit-keyframes spinMoon {
from { -webkit-transform: rotateY(0) translate3d(4px,0px,0px); }
to { -webkit-transform: rotateY(360deg) translate3d(4px,0px,0px); }
<body style="background-color:#939393; font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px; height:100%; line-height:1.45em; margin:0; padding:0;">
<!-- Container -->
<div id="container">
<!-- Header -->
<h1>instantreality 1.0</h1>
<div id="branding">
<a href="" title="Home"></a>
<!-- END Header -->
<!-- Navigation -->
<div id="navigation">
<div id="menu_main">&nbsp;</div>
<!-- Content -->
<div id="content">
<div id="content_right_column" style="margin-left:20px;">
<div class="post type-post hentry category-uncategorized" id="post-1007">
<div class="entry">
<h2>Mond und Erde (animiert mit CSS-Transforms)</h2>
<p><string>Hinweis:</strong> funktioniert derzeit nur auf WebKit-basierten Browsern (z.B. Chrome).</p>
<X3D xmlns=""
id="Solsystem" width="500px" height="400px">
<Background backUrl="realsky_BK.jpg" bottomUrl="realsky_DN.jpg"
frontUrl="realsky_FR.jpg" leftUrl="realsky_LF.jpg"
rightUrl="realsky_RT.jpg" topUrl="realsky_UP.jpg">
<Transform id="earth">
<!-- set specularColor to have some shiny specular highlights -->
<Material id="mat" diffuseColor="1 1 1" specularColor=".2 .2 .2">
<Texture><img src="earth.jpg"></Texture>
<Sphere radius="1.25"></Sphere>
<Transform id="moon">
<Material USE="mat"></Material>
<Texture><img src="moon.jpg"></Texture>
<Sphere radius="0.35"></Sphere>
<!-- an additional light to brighten up the scene -->
<DirectionalLight direction='0 -1 0' intensity="0.3"></DirectionalLight>
<!-- END Content -->
<div id="footer" class="clearfix"></div>
<!-- END Container -->
Jump to Line
Something went wrong with that request. Please try again.