CSS3 - Verticle斜角80％的外箱阴影

Question

我知道如何使一箱的影子跑下来一个元素然而是有可能有它向下延伸80％的元素，而不是元素的整个高度的？

而且如何让阴影角度出来（这是东西IM与大多数挣扎）

Answer 1

像这样的事情？

jsFiddle here

还有一堆的，你可以做到这一点的方式。我刚才设置的影子，而重叠的三角形。

这里是不模糊的影子替代.. http://jsfiddle.net/bHEaZ/1/

HTML - 很简单

<div></div> 

CSS

div { 
    width: 100px; 
    height: 200px; 
    position: relative; 
    border: 1px solid black; 
    box-shadow: 20px -10px 30px black; 
    margin: 40px; 
} 

div:after { 
    position: absolute; 
    left: 102px; 
    top: 100px; 
    content: "\A"; 
    width: 0; 
    height: 0; 
    border-bottom: 90px solid white; 
    border-right: 50px solid white; 
    border-top: 90px solid transparent; 
} 

Answer 2

你在找这样的事吗？
http://fiddle.jshell.net/sijav/2S7Pv/1/
有一堆的方法可以做到这一点，但我的方法是：
使用另一个DIV和半径边境它，然后把它实际股利背后...

.origdiv{ 
    width:200px; 
    height:200px; 
    background: blue; 
    z-index:10; 
} 
.shadowthis{ 
    left:150px; 
    top:150px; 
    position:absolute; 
    box-shadow: 10px -10px 5px #888888; 
    border-bottom-right-radius:25%; 
    z-index:9; 
} 

希望它可以帮助