сделать с тенями похожее можно
только в примере ниже не обеспечивается растягивание заливки по высоте при изменении высоты блока
в ie < 9 пример не работает
<!DOCTYPE html>
<html>
<head>
<meta charset=UTF-8">
<title>demo</title>
<style>
div {
width: 1px;
height: 100px;
overflow:hidden;
}
div > b {
display: block;
height: 1px;
position: relative;
top: 50%;
background: #000;
-webkit-box-shadow: 0 0 30px 30px black;
box-shadow: 0 0 30px 30px black;
}
</style>
</head>
<body>
<div><b></b></div>
</body>
</html>