.myFilters {
filter:x;
-webkit-filter:x;
}
.filterAnimated {
animation-duration: x.duration;
animation-name: x.name;
animation-iteration-count: x.iteration_count;
animation-direction: x.direction;
}
@keyframes filterxReplaceNamexAnimation {
from {
filter: xReplaceFilterx(xReplaceFromx);
-webkit-filter: xReplaceFilterx(xReplaceFromx);
}
xReplacePercentsx
to {
filter: xReplaceFilterx(yReplaceToy);
-webkit-filter: xReplaceFilterx(yReplaceToy);
}
}
@keyframes filterxReplaceNamexAnimation {
from {
filter: xReplaceFilterFromx;
-webkit-filter: xReplaceFilterFromx;
}
xReplacePercentsx
to {
filter: xReplaceFilterTox;
-webkit-filter: xReplaceFilterTox;
}
}
@keyframes xReplaceNamex {
from {
filter: xReplaceFilterFromx;
-webkit-filter: xReplaceFilterFromx;
}
xReplacePercentsx
to {
filter: xReplaceFilterTox;
-webkit-filter: xReplaceFilterTox;
}
}
xReplacePercentx% {
filter: xReplaceFilterx(xReplaceValuex);
-webkit-filter: xReplaceFilterx(xReplaceValuex);
}
xReplacePercentx% {
filter: xReplaceFiltersValuesx;
-webkit-filter: xReplaceFiltersValuesx;
}
.myclass {
animation: myanimation Xs;
}
.bgcolor {
background: X;
}