Merge pull request #14 from suissa/master

Add opera support

source/bounce.css

@@ -31,5 +31,6 @@
 	-webkit-animation-name: bounce;
 	-moz-animation-name: bounce;
 	-ms-animation-name: bounce;
+	-o-animation-name: bounce;
 	animation-name: bounce;
 }

source/bounceIn.css

@@ -102,5 +102,6 @@
 	-webkit-animation-name: bounceIn;
 	-moz-animation-name: bounceIn;
 	-ms-animation-name: bounceIn;
+	-o-animation-name: bounceIn;
 	animation-name: bounceIn;
 }

source/bounceInDown.css

@@ -102,5 +102,6 @@
 	-webkit-animation-name: bounceInDown;
 	-moz-animation-name: bounceInDown;
 	-ms-animation-name: bounceInDown;
+	-o-animation-name: bounceInDown;
 	animation-name: bounceInDown;
 }

source/bounceInLeft.css

@@ -102,5 +102,6 @@
 	-webkit-animation-name: bounceInLeft;
 	-moz-animation-name: bounceInLeft;
 	-ms-animation-name: bounceInLeft;
+	-o-animation-name: bounceInLeft;
 	animation-name: bounceInLeft;
 }

source/bounceInRight.css

@@ -102,5 +102,6 @@
 	-webkit-animation-name: bounceInRight;
 	-moz-animation-name: bounceInRight;
 	-ms-animation-name: bounceInRight;
+	-o-animation-name: bounceInRight;
 	animation-name: bounceInRight;
 }

source/bounceInUp.css

@@ -55,6 +55,27 @@
 		-ms-transform: translateY(0);
 	}
 }
+
+@-o-keyframes bounceInUp {
+	0% {
+		opacity: 0;
+		-o-transform: translateY(2000px);
+	}
+	
+	60% {
+		opacity: 1;
+		-o-transform: translateY(-30px);
+	}
+	
+	80% {
+		-o-transform: translateY(10px);
+	}
+	
+	100% {
+		-o-transform: translateY(0);
+	}
+}
+
 @keyframes bounceInUp {
 	0% {
 		opacity: 0;
@@ -79,5 +100,6 @@
 	-webkit-animation-name: bounceInUp;
 	-moz-animation-name: bounceInUp;
 	-ms-animation-name: bounceInUp;
+	-o-animation-name: bounceInUp;
 	animation-name: bounceInUp;
 }

source/bounceOut.css

@@ -58,6 +58,26 @@
 	}	
 }
 
+@-o-keyframes bounceOut {
+	0% {
+		-o-transform: scale(1);
+	}
+	
+	25% {
+		-o-transform: scale(.95);
+	}
+	
+	50% {
+		opacity: 1;
+		-o-transform: scale(1.1);
+	}
+	
+	100% {
+		opacity: 0;
+		-o-transform: scale(.3);
+	}	
+}
+
 @keyframes bounceOut {
 	0% {
 		transform: scale(1);
@@ -82,5 +102,6 @@
 	-webkit-animation-name: bounceOut;
 	-moz-animation-name: bounceOut;
 	-ms-animation-name: bounceOut;
+	-o-animation-name: bounceOut;
 	animation-name: bounceOut;
 }

source/bounceOutLeft.css

@@ -46,6 +46,22 @@
 	}
 }
 
+@-o-keyframes bounceOutLeft {
+	0% {
+		-o-transform: translateX(0);
+	}
+	
+	20% {
+		opacity: 1;
+		-o-transform: translateX(20px);
+	}
+	
+	100% {
+		opacity: 0;
+		-o-transform: translateX(-2000px);
+	}
+}
+
 @keyframes bounceOutLeft {
 	0% {
 		transform: translateX(0);
@@ -66,5 +82,6 @@
 	-webkit-animation-name: bounceOutLeft;
 	-moz-animation-name: bounceOutLeft;
 	-ms-animation-name: bounceOutLeft;
+	-o-animation-name: bounceOutLeft;
 	animation-name: bounceOutLeft;
 }

source/bounceOutRight.css

@@ -46,6 +46,22 @@
 	}
 }
 
+@-o-keyframes bounceOutRight {
+	0% {
+		-o-transform: translateX(0);
+	}
+	
+	20% {
+		opacity: 1;
+		-o-transform: translateX(-20px);
+	}
+	
+	100% {
+		opacity: 0;
+		-o-transform: translateX(2000px);
+	}
+}
+
 @keyframes bounceOutRight {
 	0% {
 		transform: translateX(0);
@@ -66,5 +82,6 @@
 	-webkit-animation-name: bounceOutRight;
 	-moz-animation-name: bounceOutRight;
 	-ms-animation-name: bounceOutRight;
+	-o-animation-name: bounceOutRight;
 	animation-name: bounceOutRight;
 }

source/bounceOutUp.css

@@ -46,6 +46,22 @@
 	}
 }
 
+@-o-keyframes bounceOutUp {
+	0% {
+		-o-transform: translateY(0);
+	}
+	
+	20% {
+		opacity: 1;
+		-o-transform: translateY(20px);
+	}
+	
+	100% {
+		opacity: 0;
+		-o-transform: translateY(-2000px);
+	}
+}
+
 @keyframes bounceOutUp {
 	0% {
 		transform: translateY(0);
@@ -66,5 +82,6 @@
 	-webkit-animation-name: bounceOutUp;
 	-moz-animation-name: bounceOutUp;
 	-ms-animation-name: bounceOutUp;
+	-o-animation-name: bounceOutUp;
 	animation-name: bounceOutUp;
 }

source/bounceOutdown.css

@@ -46,6 +46,22 @@
 	}
 }
 
+@-o-keyframes bounceOutDown {
+	0% {
+		-o-transform: translateY(0);
+	}
+	
+	20% {
+		opacity: 1;
+		-o-transform: translateY(-20px);
+	}
+	
+	100% {
+		opacity: 0;
+		-o-transform: translateY(2000px);
+	}
+}
+
 @keyframes bounceOutDown {
 	0% {
 		transform: translateY(0);
@@ -66,5 +82,6 @@
 	-webkit-animation-name: bounceOutDown;
 	-moz-animation-name: bounceOutDown;
 	-ms-animation-name: bounceOutDown;
+	-o-animation-name: bounceOutDown;
 	animation-name: bounceOutDown;
 }

source/fadeIn.css

@@ -13,6 +13,11 @@
 	100% {opacity: 1;}
 }
 
+@-o-keyframes fadeIn {
+	0% {opacity: 0;}	
+	100% {opacity: 1;}
+}
+
 @keyframes fadeIn {
 	0% {opacity: 0;}	
 	100% {opacity: 1;}
@@ -22,5 +27,6 @@
 	-webkit-animation-name: fadeIn;
 	-moz-animation-name: fadeIn;
 	-ms-animation-name: fadeIn;
+	-o-animation-name: fadeIn;
 	animation-name: fadeIn;
 }

source/fadeInDown.css

@@ -34,6 +34,18 @@
 	}
 }
 
+@-o-keyframes fadeInDown {
+	0% {
+		opacity: 0;
+		-ms-transform: translateY(-20px);
+	}
+	
+	100% {
+		opacity: 1;
+		-ms-transform: translateY(0);
+	}
+}
+
 @keyframes fadeInDown {
 	0% {
 		opacity: 0;
@@ -50,5 +62,6 @@
 	-webkit-animation-name: fadeInDown;
 	-moz-animation-name: fadeInDown;
 	-ms-animation-name: fadeInDown;
+	-o-animation-name: fadeInDown;
 	animation-name: fadeInDown;
 }

source/fadeInDownBig.css

@@ -34,6 +34,18 @@
 	}
 }
 
+@-o-keyframes fadeInDownBig {
+	0% {
+		opacity: 0;
+		-o-transform: translateY(-2000px);
+	}
+	
+	100% {
+		opacity: 1;
+		-o-transform: translateY(0);
+	}
+}
+
 @keyframes fadeInDownBig {
 	0% {
 		opacity: 0;
@@ -50,5 +62,6 @@
 	-webkit-animation-name: fadeInDownBig;
 	-moz-animation-name: fadeInDownBig;
 	-ms-animation-name: fadeInDownBig;
+	-o-animation-name: fadeInDownBig;
 	animation-name: fadeInDownBig;
 }

source/fadeInLeft.css

@@ -34,6 +34,18 @@
 	}
 }
 
+@-o-keyframes fadeInLeft {
+	0% {
+		opacity: 0;
+		-o-transform: translateX(-20px);
+	}
+	
+	100% {
+		opacity: 1;
+		-o-transform: translateX(0);
+	}
+}
+
 @keyframes fadeInLeft {
 	0% {
 		opacity: 0;
@@ -50,5 +62,6 @@
 	-webkit-animation-name: fadeInLeft;
 	-moz-animation-name: fadeInLeft;
 	-ms-animation-name: fadeInLeft;
+	-o-animation-name: fadeInLeft;
 	animation-name: fadeInLeft;
 }

source/fadeInLeftBig.css

@@ -31,6 +31,17 @@
 		-ms-transform: translateX(0);
 	}
 }
+@-o-keyframes fadeInLeftBig {
+	0% {
+		opacity: 0;
+		-o-transform: translateX(-2000px);
+	}
+	
+	100% {
+		opacity: 1;
+		-o-transform: translateX(0);
+	}
+}
 @keyframes fadeInLeftBig {
 	0% {
 		opacity: 0;
@@ -47,5 +58,6 @@
 	-webkit-animation-name: fadeInLeftBig;
 	-moz-animation-name: fadeInLeftBig;
 	-ms-animation-name: fadeInLeftBig;
+	-o-animation-name: fadeInLeftBig;
 	animation-name: fadeInLeftBig;
 }

source/fadeInRight.css

@@ -34,6 +34,18 @@
 	}
 }
 
+@-o-keyframes fadeInRight {
+	0% {
+		opacity: 0;
+		-o-transform: translateX(20px);
+	}
+	
+	100% {
+		opacity: 1;
+		-o-transform: translateX(0);
+	}
+}
+
 @keyframes fadeInRight {
 	0% {
 		opacity: 0;
@@ -50,5 +62,6 @@
 	-webkit-animation-name: fadeInRight;
 	-moz-animation-name: fadeInRight;
 	-ms-animation-name: fadeInRight;
+	-o-animation-name: fadeInRight;
 	animation-name: fadeInRight;
 }

source/fadeInRightBig.css

@@ -34,6 +34,18 @@
 	}
 }
 
+@-o-keyframes fadeInRightBig {
+	0% {
+		opacity: 0;
+		-o-transform: translateX(2000px);
+	}
+	
+	100% {
+		opacity: 1;
+		-o-transform: translateX(0);
+	}
+}
+
 @keyframes fadeInRightBig {
 	0% {
 		opacity: 0;
@@ -50,5 +62,6 @@
 	-webkit-animation-name: fadeInRightBig;
 	-moz-animation-name: fadeInRightBig;
 	-ms-animation-name: fadeInRightBig;
+	-o-animation-name: fadeInRightBig;
 	animation-name: fadeInRightBig;
 }

source/fadeInUp.css

@@ -34,6 +34,18 @@
 	}
 }
 
+@-o-keyframes fadeInUp {
+	0% {
+		opacity: 0;
+		-o-transform: translateY(20px);
+	}
+	
+	100% {
+		opacity: 1;
+		-o-transform: translateY(0);
+	}
+}
+
 @keyframes fadeInUp {
 	0% {
 		opacity: 0;
@@ -50,5 +62,6 @@
 	-webkit-animation-name: fadeInUp;
 	-moz-animation-name: fadeInUp;
 	-ms-animation-name: fadeInUp;
+	-o-animation-name: fadeInUp;
 	animation-name: fadeInUp;
 }

source/fadeInUpBig.css

@@ -34,6 +34,18 @@
 	}
 }
 
+@-o-keyframes fadeInUpBig {
+	0% {
+		opacity: 0;
+		-o-transform: translateY(2000px);
+	}
+	
+	100% {
+		opacity: 1;
+		-o-transform: translateY(0);
+	}
+}
+
 @keyframes fadeInUpBig {
 	0% {
 		opacity: 0;
@@ -50,5 +62,6 @@
 	-webkit-animation-name: fadeInUpBig;
 	-moz-animation-name: fadeInUpBig;
 	-ms-animation-name: fadeInUpBig;
+	-o-animation-name: fadeInUpBig;
 	animation-name: fadeInUpBig;
 }

source/fadeOut.css

@@ -13,6 +13,11 @@
 	100% {opacity: 0;}
 }
 
+@-o-keyframes fadeOut {
+	0% {opacity: 1;}
+	100% {opacity: 0;}
+}
+
 @keyframes fadeOut {
 	0% {opacity: 1;}
 	100% {opacity: 0;}
@@ -22,5 +27,6 @@
 	-webkit-animation-name: fadeOut;
 	-moz-animation-name: fadeOut;
 	-ms-animation-name: fadeOut;
+	-o-animation-name: fadeOut;
 	animation-name: fadeOut;
 }

source/fadeOutDown.css

@@ -34,6 +34,18 @@
 	}
 }
 
+@-o-keyframes fadeOutDown {
+	0% {
+		opacity: 1;
+		-o-transform: translateY(0);
+	}
+	
+	100% {
+		opacity: 0;
+		-o-transform: translateY(20px);
+	}
+}
+
 @keyframes fadeOutDown {
 	0% {
 		opacity: 1;
@@ -50,5 +62,6 @@
 	-webkit-animation-name: fadeOutDown;
 	-moz-animation-name: fadeOutDown;
 	-ms-animation-name: fadeOutDown;
+	-o-animation-name: fadeOutDown;
 	animation-name: fadeOutDown;
 }

source/fadeOutDownBig.css

@@ -34,6 +34,18 @@
 	}
 }
 
+@-o-keyframes fadeOutDownBig {
+	0% {
+		opacity: 1;
+		-o-transform: translateY(0);
+	}
+	
+	100% {
+		opacity: 0;
+		-o-transform: translateY(2000px);
+	}
+}
+
 @keyframes fadeOutDownBig {
 	0% {
 		opacity: 1;
@@ -50,5 +62,6 @@
 	-webkit-animation-name: fadeOutDownBig;
 	-moz-animation-name: fadeOutDownBig;
 	-ms-animation-name: fadeOutDownBig;
+	-o-animation-name: fadeOutDownBig;
 	animation-name: fadeOutDownBig;
 }

source/fadeOutLeft.css

@@ -33,6 +33,19 @@
 		-ms-transform: translateX(-20px);
 	}
 }
+
+@-o-keyframes fadeOutLeft {
+	0% {
+		opacity: 1;
+		-o-transform: translateX(0);
+	}
+	
+	100% {
+		opacity: 0;
+		-o-transform: translateX(-20px);
+	}
+}
+
 @keyframes fadeOutLeft {
 	0% {
 		opacity: 1;
@@ -49,5 +62,6 @@
 	-webkit-animation-name: fadeOutLeft;
 	-moz-animation-name: fadeOutLeft;
 	-ms-animation-name: fadeOutLeft;
+	-o-animation-name: fadeOutLeft;
 	animation-name: fadeOutLeft;
 }

source/fadeOutLeftBig.css

@@ -34,6 +34,18 @@
 	}
 }
 
+@-o-keyframes fadeOutLeftBig {
+	0% {
+		opacity: 1;
+		-o-transform: translateX(0);
+	}
+	
+	100% {
+		opacity: 0;
+		-o-transform: translateX(-2000px);
+	}
+}
+
 @keyframes fadeOutLeftBig {
 	0% {
 		opacity: 1;
@@ -50,5 +62,6 @@
 	-webkit-animation-name: fadeOutLeftBig;
 	-moz-animation-name: fadeOutLeftBig;
 	-ms-animation-name: fadeOutLeftBig;
+	-o-animation-name: fadeOutLeftBig;
 	animation-name: fadeOutLeftBig;
 }

source/fadeOutRight.css

@@ -34,6 +34,18 @@
 	}
 }
 
+@-o-keyframes fadeOutRight {
+	0% {
+		opacity: 1;
+		-o-transform: translateX(0);
+	}
+	
+	100% {
+		opacity: 0;
+		-o-transform: translateX(20px);
+	}
+}
+
 @keyframes fadeOutRight {
 	0% {
 		opacity: 1;
@@ -50,5 +62,6 @@
 	-webkit-animation-name: fadeOutRight;
 	-moz-animation-name: fadeOutRight;
 	-ms-animation-name: fadeOutRight;
+	-o-animation-name: fadeOutRight;
 	animation-name: fadeOutRight;
 }

source/fadeOutRightBig.css

@@ -31,6 +31,17 @@
 		-ms-transform: translateX(2000px);
 	}
 }
+@-o-keyframes fadeOutRightBig {
+	0% {
+		opacity: 1;
+		-o-transform: translateX(0);
+	}
+	
+	100% {
+		opacity: 0;
+		-o-transform: translateX(2000px);
+	}
+}
 @keyframes fadeOutRightBig {
 	0% {
 		opacity: 1;
@@ -47,5 +58,6 @@
 	-webkit-animation-name: fadeOutRightBig;
 	-moz-animation-name: fadeOutRightBig;
 	-ms-animation-name: fadeOutRightBig;
+	-o-animation-name: fadeOutRightBig;
 	animation-name: fadeOutRightBig;
 }

source/fadeOutUp.css

@@ -31,6 +31,17 @@
 		-ms-transform: translateY(-20px);
 	}
 }
+@-o-keyframes fadeOutUp {
+	0% {
+		opacity: 1;
+		-o-transform: translateY(0);
+	}
+	
+	100% {
+		opacity: 0;
+		-o-transform: translateY(-20px);
+	}
+}
 @keyframes fadeOutUp {
 	0% {
 		opacity: 1;
@@ -47,5 +58,6 @@
 	-webkit-animation-name: fadeOutUp;
 	-moz-animation-name: fadeOutUp;
 	-ms-animation-name: fadeOutUp;
+	-o-animation-name: fadeOutUp;
 	animation-name: fadeOutUp;
 }

source/fadeOutUpBig.css

@@ -34,6 +34,18 @@
 	}
 }
 
+@-o-keyframes fadeOutUpBig {
+	0% {
+		opacity: 1;
+		-o-transform: translateY(0);
+	}
+	
+	100% {
+		opacity: 0;
+		-o-transform: translateY(-2000px);
+	}
+}
+
 @keyframes fadeOutUpBig {
 	0% {
 		opacity: 1;
@@ -50,5 +62,6 @@
 	-webkit-animation-name: fadeOutUpBig;
 	-moz-animation-name: fadeOutUpBig;
 	-ms-animation-name: fadeOutUpBig;
+	-o-animation-name: fadeOutUpBig;
 	animation-name: fadeOutUpBig;
 }

source/flash.css

@@ -13,6 +13,11 @@
 	25%, 75% {opacity: 0;}
 }
 
+@-o-keyframes flash {
+	0%, 50%, 100% {opacity: 1;}	
+	25%, 75% {opacity: 0;}
+}
+
 @keyframes flash {
 	0%, 50%, 100% {opacity: 1;}	
 	25%, 75% {opacity: 0;}
@@ -22,5 +27,6 @@
 	-webkit-animation-name: flash;
 	-moz-animation-name: flash;
 	-ms-animation-name: flash;
+	-o-animation-name: flash;
 	animation-name: flash;
 }