01.02.2014, 00:24
(Dieser Beitrag wurde zuletzt bearbeitet: 01.02.2014, 03:29 von Martins Iphone.)
Hallo oldster!!
Ich weiß ich bin lästig, aber kannst du mir die Richtung zeigen??
UniAW/snow.js
function createAdrop() {
var dropDiv = document.createElement("div");
var image = document.createElement("img");
image.src = "UniAW/Images/Weather/snow/snow" + randomInteger(1, NUMBER_OF_DROP_IMAGES) + ".png";
dropDiv.style.top = pixelValue(randomInteger(-200, 50));
dropDiv.style.left = pixelValue(randomInteger(-10, 330));
dropDiv.style.webkitAnimationName = "fade2, drop";
var fadeAndDropDuration = durationValue(randomFloat(4, 10));
dropDiv.style.webkitAnimationDuration = fadeAndDropDuration + ", " + fadeAndDropDuration;
dropDiv.appendChild(image);
return dropDiv;
}
Oder
UniAW/snow.css
#dropContainer > div {
position: absolute;
width: 8px;
height: 8px;
-webkit-animation-iteration-count: infinite, infinite;
-webkit-animation-direction: normal, normal;
-webkit-animation-timing-function: linear, ease-in;
}
#dropContainer > div > img {
position: absolute;
width: 8px;
height: 8px;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-webkit-animation-timing-function: ease-in-out;
-webkit-transform-origin: 50% -100%;
}
@-webkit-keyframes drop {
0% { -webkit-transform: translate(0px, -10px); }
100% { -webkit-transform: translate(0px, 568px); } habe probiert den x-Wert bei 100% zu ändern usw,
}
@-webkit-keyframes fade2 {
0% { opacity: 0; }
5% { opacity: 1; }
95% { opacity: 1; }
100% { opacity: 0; }
}
Ich hätte sehr gerne das die Schneeflocke zur geraden noch leicht nach links oder rechts fällt!!!
Bringe es nicht zusammen!!
Danke
Martin
Ich weiß ich bin lästig, aber kannst du mir die Richtung zeigen??
UniAW/snow.js
function createAdrop() {
var dropDiv = document.createElement("div");
var image = document.createElement("img");
image.src = "UniAW/Images/Weather/snow/snow" + randomInteger(1, NUMBER_OF_DROP_IMAGES) + ".png";
dropDiv.style.top = pixelValue(randomInteger(-200, 50));
dropDiv.style.left = pixelValue(randomInteger(-10, 330));
dropDiv.style.webkitAnimationName = "fade2, drop";
var fadeAndDropDuration = durationValue(randomFloat(4, 10));
dropDiv.style.webkitAnimationDuration = fadeAndDropDuration + ", " + fadeAndDropDuration;
dropDiv.appendChild(image);
return dropDiv;
}
Oder
UniAW/snow.css
#dropContainer > div {
position: absolute;
width: 8px;
height: 8px;
-webkit-animation-iteration-count: infinite, infinite;
-webkit-animation-direction: normal, normal;
-webkit-animation-timing-function: linear, ease-in;
}
#dropContainer > div > img {
position: absolute;
width: 8px;
height: 8px;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-webkit-animation-timing-function: ease-in-out;
-webkit-transform-origin: 50% -100%;
}
@-webkit-keyframes drop {
0% { -webkit-transform: translate(0px, -10px); }
100% { -webkit-transform: translate(0px, 568px); } habe probiert den x-Wert bei 100% zu ändern usw,
}
@-webkit-keyframes fade2 {
0% { opacity: 0; }
5% { opacity: 1; }
95% { opacity: 1; }
100% { opacity: 0; }
}
Ich hätte sehr gerne das die Schneeflocke zur geraden noch leicht nach links oder rechts fällt!!!
Bringe es nicht zusammen!!
Danke
Martin