tweaks for animation in themes

vibster · Jun 30, 2011 · d4c9a37 · d4c9a37
1 parent 7561265
commit d4c9a37
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 16 deletions.
diff --git a/humane-themes/bold-dark.css b/humane-themes/bold-dark.css
@@ -5,11 +5,11 @@ html, body { height: 100%; }
   -ms-filter            : "progid:DXImageTransform.Microsoft.alpha(opacity=100)";
   position              : fixed;
   _position             : absolute; /* ie6 */
-  -moz-transition       : all .2s;  /* .5s transition */
+  -moz-transition       : all .2s ease-in;  /* .2s transition */
   -webkit-transition    : all .2s ease-in;
-  -o-transition         : all .2s;
-  -ms-transition        : all .2s;
-  transition            : all .2s;
+  -o-transition         : all .2s ease-in;
+  -ms-transition        : all .2s ease-in;
+  transition            : all .2s ease-in;
   visibility            : hidden;
   z-index               : 100000;
 }

diff --git a/humane-themes/bold-light.css b/humane-themes/bold-light.css
@@ -5,11 +5,11 @@ html, body { height: 100%; }
   -ms-filter            : "progid:DXImageTransform.Microsoft.alpha(opacity=100)";
   position              : fixed;
   _position             : absolute; /* ie6 */
-  -moz-transition       : all .2s;  /* .5s transition */
+  -moz-transition       : all .2s ease-in;  /* .2s transition */
   -webkit-transition    : all .2s ease-in;
-  -o-transition         : all .2s;
-  -ms-transition        : all .2s;
-  transition            : all .2s;
+  -o-transition         : all .2s ease-in;
+  -ms-transition        : all .2s ease-in;
+  transition            : all .2s ease-in;
   visibility            : hidden;
   z-index               : 100000;
 }

diff --git a/humane-themes/libnotify.css b/humane-themes/libnotify.css
@@ -5,11 +5,11 @@ html, body { height: 100%; }
   -ms-filter            : "progid:DXImageTransform.Microsoft.alpha(opacity=100)";
   position              : fixed;
   _position             : absolute; /* ie6 */
-  -moz-transition       : all .2s;  /* .5s transition */
-  -webkit-transition    : all .2s;
-  -o-transition         : all .2s;
-  -ms-transition        : all .2s;
-  transition            : all .2s;
+  -moz-transition       : all .2s ease-out;  /* .2s transition */
+  -webkit-transition    : all .2s ease-out;
+  -o-transition         : all .2s ease-out;
+  -ms-transition        : all .2s ease-out;
+  transition            : all .2s ease-out;
   visibility            : hidden;
   z-index               : 100000;
 }
@@ -49,8 +49,8 @@ div.humane.humane-show:hover { opacity: 0.2; }
   -moz-box-shadow       : 0 4px 4px -4px #000;
   -webkit-box-shadow    : 0 4px 4px -4px #000;
   box-shadow            : 0 4px 4px -4px #000;
-  -webkit-transform     : translateY(-40px);
   -moz-transform        : translateY(-40px);
+  -webkit-transform     : translateY(-40px);
   -o-transform          : translateY(-40px);
   -ms-transform         : translateY(-40px);
   transform             : translateY(-40px);

diff --git a/index.html b/index.html
@@ -44,8 +44,8 @@ <h1>Humane JS</h1>
       <a href='javascript:humane("<p class=\"error\">Invalid Username and/or Password</p>")'>
          <pre>humane("&lt;p class='error'>Invalid Username and/or Password&lt;/p>");</pre>
       </a>
-      <a href='javascript:humane("<ul><li>List</li><li>Items</li></ul>")'>
-         <pre>humane("&lt;ul>&lt;li>List&lt;/li>&lt;li>Items&lt;/li>&lt;/ul>");</pre>
+      <a href='javascript:humane("<ul><li>List</li><li>of</li><li>Items</li></ul>")'>
+         <pre>humane("&lt;ul>&lt;li>List&lt;/li>&lt;li>of&lt;/li>&lt;li>Items&lt;/li>&lt;/ul>");</pre>
       </a>
 
       <h3>Options</h3>