Drop shadow / tablet?
Drop shadow / tablet?
Out of context: Reply #2
- Started
- Last post
- 4 Responses
- ideaist0
http://css-tricks.com/snippets/c…
CSS
.shadow {
-moz-box-shadow: 3px 3px 5px 6px #ccc;
-webkit-box-shadow: 3px 3px 5px 6px #ccc;
box-shadow: 3px 3px 5px 6px #ccc;
}IE Fix:
HTML
<div class="shadow1">
<div class="content">
Box-shadowed element
</div>
</div>CSS
.shadow1 {
margin: 40px;
background-color: rgb(68,68,68); /* Needed for IEs */-moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
-webkit-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
box-shadow: 5px 5px 5px rgba(68,68,68,0.6);filter: progid:DXImageTransform.Microsof...
-ms-filter: "progid:DXImageTransform.Microso...
zoom: 1;
}
.shadow1 .content {
position: relative; /* This protects the inner element from being blurred */
padding: 100px;
background-color: #DDD;
}BAM!
- Unless you added the experimental "drop-shadow" -> http://demosthenes.i…ideaist
- ...Which is great for usage with translucent .png's, by the way.
; )ideaist