Darkening Image Overlay
CODE
×
HTML
<div class='darken'></div>
CSS
div.darken { background: rgba(38,38,38,0.6); background: -moz-linear-gradient(top, rgba(38,38,38,0.6) 0%, rgba(68,68,68,0.2) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(38,38,38,0.6)), color-stop(100%, rgba(68,68,68,0.2))); background: -webkit-linear-gradient(top, rgba(38,38,38,0.6) 0%, rgba(68,68,68,0.2) 100%); background: -o-linear-gradient(top, rgba(38,38,38,0.6) 0%, rgba(68,68,68,0.2) 100%); background: -ms-linear-gradient(top, rgba(38,38,38,0.6) 0%, rgba(68,68,68,0.2) 100%); background: linear-gradient(to bottom, rgba(38,38,38,0.6) 0%, rgba(68,68,68,0.2) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#444444', GradientType=0 ); width: 100%; height: 100%; min-height: 250px; }
JS
Darkening Image Overlay
barrierefrei
×