A web developer's blog. PHP, MySQL, CakePHP, Zend Framework, Wordpress, Code Igniter, Django, Python, CSS, Javascript, jQuery, Knockout.js, and other web development topics.

CSS: Simple cross-browser DIV shadows

I am posting this for myself and for my brother, John (haha).

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
</head>
<body>
<style type="text/css">
.Example_F {
 -moz-box-shadow: 0 0 5px 5px #888;
 -webkit-box-shadow: 0 0 5px 5px#888;
 /*box-shadow: 0 0 5px 5px #888;*/
 box-shadow: 0 0 5px 5px  rgba(0, 0, 0, 0.1);
 } 
</style>
<div class="Example_F">
This is a test! We use this!
</div>
</body>
</html>

Source: http://www.css3.info/preview/box-shadow/

This entry was posted in General and tagged , . Bookmark the permalink.

One Response to CSS: Simple cross-browser DIV shadows

  1. Shibby says:

    Very usefull. Thank you.

Leave a Reply to Shibby Cancel reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>