Как добавить наложение «блеск» в div?
Как я могу добавить хороший оверлей, как показано на следующем рисунке?
Рассмотрим следующий HTML-код, как бы добавить такой оверлей? Я знаю, что могу использовать градиент поверх него и применять его по диагонали, но могу ли я также изогнуть его?
<img src="http://i.imgur.com/a21tM.jpg">
<img src="http://i.imgur.com/a21tM.jpg">
<img src="http://i.imgur.com/a21tM.jpg">
Вот'что-то ямы пытались (Я'мы перенасыщены оверлеем, так чтолегко увидеть), но этоЯ не совсем в формеищу
body { background-color: #4b74db; }
.photostrip {
margin: 0 auto;
width: 185px;
background-color: #000;
box-shadow: 0px 3px 7px 3px #333;
padding: 7px;
padding-bottom: 2px;
position: relative;
.overlay {
height: 100%;
width: 100%;
position: absolute;
top: 0px;
left: 0px;
border-bottom-right-radius: 200px 403px;
/* This adds the nice overlay. */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.60) 0%,rgba(255,255,255,0.05) 100%);
}
img {
display: block;
width: 175px;
height: 120px;
margin: 0 auto;
margin-top: 6px;
margin-bottom: 11px;
}
}