From 3412550366f3a096ffc3cd6d5e3091a1152f5260 Mon Sep 17 00:00:00 2001 From: =?utf8?q?Beno=C3=AEt=20Dien?= Date: Tue, 2 Nov 2010 15:59:03 +0100 Subject: [PATCH] Add CSS transition on images (only for webkit for now) --- data/booh/themes/gradient/root/booh.css | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/data/booh/themes/gradient/root/booh.css b/data/booh/themes/gradient/root/booh.css index 9388ab4..634db55 100644 --- 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; } + -- 2.21.3