ne ne
bin aus Hamburg
Aber die spielen halt kacke im mom.
Sooooo Chaoos klappt bei dir nu alles ?
@hebandy
Hab das animierte einfach mal komplett gelöscht
Einfach folgendes aus Calendarbar & Clock löschen :
Lösch mal doch nicht
Hab auch hier mal die Werte der Animation geändert....
kommt gleich
Nun ist die Animation weiterhin drinne... Hab die Lage der Endposition geändert und die doppelte Zeit genommen... Nun schiebt sich die Uhr & Kalenderbar von Rechts bis in die Mitte
aumenhoch:aumenhoch:aumenhoch:
Guck dir mal die Werte an, hab die Datei nun mal geupped...
Sind nun schon so viele Änderungen, dass es zu viel wird ^^
Meine LockScreen.css :
bin aus Hamburg
Aber die spielen halt kacke im mom.
Sooooo Chaoos klappt bei dir nu alles ?
@hebandy
Zitat:Hi C@ZZ, hast recht, nervt ein wenig. Wenn Du weisst woran das liegt sagst Du es mir bestimmt
Hab das animierte einfach mal komplett gelöscht
Einfach folgendes aus Calendarbar & Clock löschen :
Code:
-webkit-animation-name: calendarbar_animation;
-webkit-animation-duration: 1s;
-webkit-transition-delay: 1s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: ease-in;
Edit :
Lösch mal doch nicht
Hab auch hier mal die Werte der Animation geändert....
kommt gleich
Nun ist die Animation weiterhin drinne... Hab die Lage der Endposition geändert und die doppelte Zeit genommen... Nun schiebt sich die Uhr & Kalenderbar von Rechts bis in die Mitte
aumenhoch:aumenhoch:aumenhoch:
Guck dir mal die Werte an, hab die Datei nun mal geupped...
Sind nun schon so viele Änderungen, dass es zu viel wird ^^
Meine LockScreen.css :
Calendarbar :
Code:
@-webkit-keyframes calendarbar_animation {
0% {opacity: 0.0; -webkit-transform:translateX(160px);}
100% {opacity: 1.0; -webkit-transform:translateX(80px);}
}
#calendarbar {
text-align: absolute;
font: 14px "Futura";
color: #a4a8aa;
-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(black), to(transparent), color-stop(0.5, #666));
opacity: 0.7;
text-shadow: 0px -3px 3px black;
position: absolute;
width: 220px;
height: 35px;
-webkit-transform:translateX(80px);
top: 63px;
letter-spacing: 2px;
line-height: 21px;
background-color: transparent;
-webkit-animation-name: calendarbar_animation;
-webkit-animation-duration: 2s;
-webkit-transition-delay: 3s;
Clock :
Code:
@-webkit-keyframes clock_animation {
0% {opacity: 0.0; -webkit-transform:translateX(179px);}
100% {opacity: 1.0; -webkit-transform:translateX(80px);}
}
#clock {
text-align: left;
font: 36px "Futura";
color: #02a7e6;
-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(black), to(transparent), color-stop(0.5, #666));
opacity: 0.7;
text-shadow: 0px -3px 3px black;
position: absolute;
width: 300px;
height: 54px;
-webkit-transform:translateX(80px);
top: 24px;
letter-spacing: -4px;
word-spacing: 0px;
background-color: transparent;
-webkit-animation-name: clock_animation;
-webkit-animation-duration: 2.0s;
-webkit-transition-delay: 3.0s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: ease-in;