Box Shadow


Java Old Method:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.dropShadow.js"></script>
<script type="text/javascript">
$(function(){
    $('.box').dropShadow({
        left: 5,
        top: 5,
        opacity: 1.0,
        color: 'black'
    });
});
</script>

<div class="box">
    <!--CONTENT-->
</div>

CSS3 Method:

<style type="text/css">
.box {
box-shadow: 5px 5px 2px black;
-moz-box-shadow: 5px 5px 2px black;
-webkit-box-shadow: 5px 5px 2px black;
}
</style>

<div class="box">
    <!--CONTENT-->
</div>


No comments:

Post a Comment