mixmastertobsi: CSS3 optimieren

Beitrag lesen

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); }
}