Be polite with i/o

[picsort] / picsorter.css

diff --git a/picsorter.css b/picsorter.css
index 712494b57479b7347d9db94201b94e55d32ef926..bad3b8970b83526c0655d939e818cb3690b54a89 100644 (file)
--- a/picsorter.css
+++ b/picsorter.css
@@ -7,26 +7,32 @@
     to { opacity: 0; }
 }
 
     to { opacity: 0; }
 }
 

+img {
+  -webkit-transform-origin: top left;
+  -ms-transform-origin: top left;
+  transform-origin: top left;
+}
+

 .rot90 {
 .rot90 {

-  rotation: 90deg;
-  -webkit-transform: rotate(90deg);
-  -moz-transform: rotate(90deg);
-  -o-transform: rotate(90deg);

   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);

+  -webkit-transform: rotate(90deg) translateY(-100%);;
+  -moz-transform: rotate(90deg) translateY(-100%);;
+  -o-transform: rotate(90deg) translateY(-100%);;
+  rotation: 90deg translateY(-100%);;

 }
 .rot180 {
 }
 .rot180 {

-  rotation: 180deg;
-  -webkit-transform: rotate(180deg);
-  -moz-transform: rotate(180deg);
-  -o-transform: rotate(180deg);

   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);

+  -webkit-transform: rotate(180deg) translate(-100%,-100%);
+  -moz-transform: rotate(180deg) translate(-100%,-100%);
+  -o-transform: rotate(180deg) translate(-100%,-100%);
+  rotation: 180deg translate(-100%,-100%);

 }
 .rot270 {
 }
 .rot270 {

-  rotation: 270deg;
-  -webkit-transform: rotate(270deg);
-  -moz-transform: rotate(270deg);
-  -o-transform: rotate(270deg);

   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

+  -webkit-transform: rotate(270deg) translateX(-100%);
+  -moz-transform: rotate(270deg) translateX(-100%);
+  -o-transform: rotate(270deg) translateX(-100%);
+  rotation: 270deg translateX(-100%);

 }
 
 #message {
 }
 
 #message {


@@ -64,10 +70,10 @@
 
 .fade {
   opacity: 0;
 
 .fade {
   opacity: 0;

-  animation-duration: 2s;
-  animation-name: fadeOut;

   -webkit-animation-duration: 2s;
   -webkit-animation-name: fadeOut;
   -webkit-animation-duration: 2s;
   -webkit-animation-name: fadeOut;

+  animation-duration: 2s;
+  animation-name: fadeOut;

 }
 
 .fit_view {
 }
 
 .fit_view {