Add CSS transition on images (only for webkit for now)

diff --git a/data/booh/themes/gradient/root/booh.css b/data/booh/themes/gradient/root/booh.css
index 9388ab46cbdc188616c4493d15deb0969c7c67d3..634db554503f776368208a9a2010d2bf13c36a69 100644 (file)
--- a/data/booh/themes/gradient/root/booh.css
+++ b/data/booh/themes/gradient/root/booh.css
@@ -92,15 +92,17 @@ td {
 }
 
 .image img, .thumbnail_video img, .thumbnail_image img, .fullscreen_image img, .fullscreen_video img {
-     -moz-box-shadow:   0px 16px 60px rgba(0,0,0,0.25);
+       -moz-box-shadow: 0px 16px 60px rgba(0,0,0,0.25);
     -webkit-box-shadow: 0px 16px 60px rgba(0,0,0,0.25);
             box-shadow: 0px 16px 60px rgba(0,0,0,0.25);
+    -webkit-transition: -webkit-transform 0.25s linear; 
 }
 
 .image img:hover, .thumbnail_video img:hover, .thumbnail_image img:hover {
-     -moz-box-shadow:   0px 16px 60px rgba(0,0,0,0.35);
+       -moz-box-shadow: 0px 16px 60px rgba(0,0,0,0.35);
     -webkit-box-shadow: 0px 16px 60px rgba(0,0,0,0.35);
             box-shadow: 0px 16px 60px rgba(0,0,0,0.35);
+     -webkit-transform: rotate(-1deg) scale(1.05);
 }
 
 .disabled {
@@ -157,3 +159,4 @@ a.fullscreenvideolink {
        margin-left:auto;
        margin-right:auto;
 }
+