@-webkit-keyframes red {
from {
opacity: 0;
- -webkit-transform: scale(3);
+ transform: scale(3);
}
22% {
opacity: 1;
- -webkit-transform: scale(1.1);
+ transform: scale(1.1);
}
30% {
opacity: 1;
- -webkit-transform: scale(1);
+ transform: scale(1);
}
82% {
opacity: 1;
- -webkit-transform: scale(0.92);
+ transform: scale(0.92);
}
to {
opacity: 0;
- -webkit-transform: scale(0.2);
+ transform: scale(0.2);
}
}
@-webkit-keyframes green {
from {
opacity: 0;
- -webkit-transform: scale(2.6);
+ transform: scale(2.6);
}
20% {
opacity: 1;
- -webkit-transform: scale(1);
+ transform: scale(1);
}
77% {
opacity: 1;
- -webkit-transform: scale(0.9);
+ transform: scale(0.9);
}
to {
opacity: 0;
- -webkit-transform: scale(0.1);
+ transform: scale(0.1);
}
}
/* safari keyframes */
@-webkit-keyframes blue {
from {
- -webkit-transform: scale(1.2);
+ transform: scale(1.2);
opacity: 0;
}
20% {
- -webkit-transform: scale(0.8);
+ transform: scale(0.8);
opacity: 1;
}
84% {
- -webkit-transform: scale(0.6);
+ transform: scale(0.6);
opacity: 1;
}
to {
- -webkit-transform: scale(0.2);
+ transform: scale(0.2);
opacity: 0;
}
}