Hallo, gibt es eine Möglichkeit folgenden CSS Code zu optimieren.
Muss ich wirklich jeden Browser-Type separat anlegen?!?
#content_banner li.scale {
-moz-animation: scale_ani1 2s ease;
-webkit-animation: scale_ani1 2s ease; /* Safari and Chrome */
-o-animation: scale_ani1 2s ease; /* Opera */
}
#content_banner li.scale2 {
-moz-animation: scale_ani2 2s ease;
-webkit-animation: scale_ani2 2s ease; /* Safari and Chrome */
-o-animation: scale_ani2 2s ease; /* Opera */
}
@-moz-keyframes scale_ani1 {
0% { -moz-transform: scale(1,1); }
10% { -moz-transform: scale(0.95,0.95); }
90% { -moz-transform: scale(0.95,0.95); }
100% { -moz-transform: scale(1,1); }
}
@-moz-keyframes scale_ani2 {
0% { -moz-transform: scale(1,1); }
10% { -moz-transform: scale(0.95,0.95); }
90% { -moz-transform: scale(0.95,0.95); }
100% { -moz-transform: scale(1,1); }
}
@-webkit-keyframes scale_ani1 {
0% { -webkit-transform: scale(1,1); }
10% { -webkit-transform: scale(0.95,0.95); }
90% { -webkit-transform: scale(0.95,0.95); }
100% { -webkit-transform: scale(1,1); }
}
@-webkit-keyframes scale_ani2 {
0% { -webkit-transform: scale(1,1); }
10% { -webkit-transform: scale(0.95,0.95); }
90% { -webkit-transform: scale(0.95,0.95); }
100% { -webkit-transform: scale(1,1); }
}
@-o-keyframes scale_ani1 {
0% { -o-transform: scale(1,1); }
10% { -o-transform: scale(0.95,0.95); }
90% { -o-transform: scale(0.95,0.95); }
100% { -o-transform: scale(1,1); }
}
@-o-keyframes scale_ani2 {
0% { -o-transform: scale(1,1); }
10% { -o-transform: scale(0.95,0.95); }
90% { -o-transform: scale(0.95,0.95); }
100% { -o-transform: scale(1,1); }
}