[Martins Iphone]

Hab jetzt bei der Widget.hmtl:
...
<div id="sunray"></div>
<div id="sunorange"></div>
<div id="sun"></div>
...

,dann bei der UniAW.css folgendes eingefügt:
...
#sun{
background:url('Images/Weather/sun/sun.png') center no-repeat;
background-size: 600px 600px;
background-color: transparent;
position: absolute;
top: -290px;
left: -300px;
width: 600px;
height: 600px;
margin : auto 0;
z-index: 23;
display: none;
}

sunorange{
background:url('Images/Weather/sun/sunorange.png') center no-repeat;
background-size: 600px 600px;
background-color: transparent;
position: absolute;
top: -290px;
left: -300px;
width: 600px;
height: 600px;
margin : auto 0;
z-index: 22;
display: none;
}

#sunray{.....

in der Uni.js:
...
} else {
where = "day";
if (Sun_Moon_from_right_to_left === true){
pTranslate = parseInt((1-(time_to_change_wall - dayhour)/ DurationOfDay)*320);
} else {
pTranslate = parseInt(((time_to_change_wall - dayhour)/ DurationOfDay)*320);
}
document.getElementById("sun").style.webkitTransform = "translateX("+pTranslate+"px)";
document.getElementById("sunorange").style.webkitTransform = "translateX("+pTranslate+"px)";
document.getElementById("sunray").style.webkitTransform = "translateX("+pTranslate+"px)";
}...

und in den JavaScript Ordner bei allein Animationen (z.B. Cloud) die Zeilen:
...
if (where == "day") {
document.getElementById("moon").style.display='none';
document.getElementById("sun").style.display='none';
document.getElementById("moonray").style.display='none';
document.getElementById("sunorange").style.display='none';
document.getElementById("sunray").style.display='none';
} else {
document.getElementById("moon").style.display='none';
document.getElementById("sun").style.display='none';
document.getElementById("moonray").style.display='none';
document.getElementById("sunorange").style.display='none';
document.getElementById("sunray").style.display='none';
}

eingefügt!!

!!!!Funktioniert, danke!!!!!

Wie kann ich es am Anfang verschwinden und kurz vorm Ende erscheinen lassen?? Da bin ich mir noch nicht sicher, es fehlt mir noch die Zeit!!

Sind das diese befehle??

@-webkit-keyframes xxxxxxxx {
0% {opacity: 0.3;}
50% {opacity: 1.0;}
100% {opacity: 0.3;}