Knowledge Base / FAQ/Tips & Tricks
CSS3 box-shadow symMedia5 (drop shadow)
Kevin
posted this on July 29, 2010 18:03
You want to add some CSS3 shadow effect to the symMedia5 player then add this in your Page Inspector
div#symmedia5player {
-moz-box-shadow:3px 3px 5px #dadada;
-webkit-box-shadow:3px 3px 5px #dadada;
-box-shadow:3px 3px 5px #dadada;
}
Adjust color and dimensions as you want !
Firefox dev tools and firebug are your friends when wanting to look at CSS in sites too :D
Want to learn more on CSS3 then head on over to CSS3 generator or CSS3Please
Comments
Nice touch... Thank you. Do you know how I can have a zero width border and how to remove the thin black border with the rounded corners? I'd love to have my video plain (no border, no margin) with a shadow.