Basic Hover Effect - Css

.view{
    width: 300px;
    height: 190px;
    position: relative;
    overflow: hidden;
}

.view .mask{
    position: absolute;
    width: 300px;
    height: 190px;
    overflow: hidden;
    top:0;
    left: 0;
    color: white;
    background: rgba(0,136,255,0.2);
    opacity: 0;
}

.view img{
    display: block;
    position: relative;
}