I've come up with the following so far, which avoids the need for any
additional javascript by using webkit-only css properties.
Unfortunately, I cannot find a property that will let me blur the
shadow image.
If a little javascript is able to do the job for us, I'm happy with
following that route.
=== modified file 'slides/link/general.css'
--- slides/link/general.css 2009-08-03 17:57:04 +0000
+++ slides/link/general.css 2009-08-05 15:58:25 +0000
@@ -87,6 +87,7 @@
z-index:11;
border:0px;
+ -webkit-box-reflect:below -10px -webkit-gradient(linear, left
top, left bottom, from(transparent), color-stop(0.5, transparent),
to(rgba(255, 255, 255, 0.25)));
}
/*
--
Ubuntu-installer mailing list
Ubuntu-installer@lists.ubuntu.com
Modify settings or unsubscribe at:
https://lists.ubuntu.com/mailman/listinfo/ubuntu-installer
