Best way to achive simple dropshadow?


hello everyone,

 

i've been having read online adding dropshadow effect divs via css, little uncertain best practice in respect.

 

(should image or clever new css)

 

could please advise on how add simple right-and-bottom dropshadow simple div container please?

 

any advice hugley appreciated.

 

thanks

you can css below internet explorer version 9 wont show shadow.

 

 

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<title>untitled document</title>

<style>

.shadow

{

    width: 300px;

box-shadow: 10px 10px 5px #ccc;

}

</style>

</head>

 

<body>

<div class="shadow">

<p>this text</p>

<p>this text</p>

<p>this text</p>

<p>this text</p>

</div>

</body>

</html>



More discussions in Dreamweaver support forum


adobe

Comments

Popular posts from this blog

How to change text Component easybook reloaded *newbee* - Joomla! Forum - community, help and support

After Effect warning: A problem occurred when processing OpenGL commands

Preconditions Failed. - Joomla! Forum - community, help and support