Сообщение от Seva1986
|
Pavel M.,
ну это да, втом то и дело что оно не растяница...
|
можно с этим бороться с помощью inset, т.е. тень пойдет от краев к центру
<!DOCTYPE html>
<html>
<head>
<metacharset=UTF-8">
<title>demo</title>
<style>
div {
position: absolute;
left: 10%;
width: 1px;
height: 100px;
overflow: hidden;
}
div + div {
left: 30%;
height: 150px;
}
div + div + div {
left: 50%;
height: 200px;
}
b {
display: block;
position: relative;
width: 100px;
height: 100%;
left: 50%;
margin-left: -50px;
background: black;
-webkit-box-shadow: 0 0 30px 20px white inset;
box-shadow: 0 0 30px 20px white inset;
}
</style>
</head>
<body>
<div><b></b></div>
<div><b></b></div>
<div><b></b></div>
</body>
</html>