Sha256: a268b628adfc853c2d87461e3dfe15ac2b55b203c3f32b7a420bd9149b8bfa6d
Contents?: true
Size: 1.85 KB
Versions: 3
Compression:
Stored size: 1.85 KB
Contents
// слот, у которого title находится поверх картинки и виден только тогда, когда наводим мышкой
%slot_item_overlayed {
overflow: hidden;
/*margin-bottom: 8px;*/
div.photo {
> a {
> img {
/*-webkit-transition: all 0.5s;
transition: all 0.5s;*/
/*filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.4" /><feFuncG type="linear" slope="1.4" /><feFuncB type="linear" slope="1.4" /></feComponentTransfer></filter></svg>#filter');
filter: grayscale(1);
-webkit-filter: grayscale(1);*/
}
}
}
div.title {
margin-top: -41px;
margin-left: 7px; /*NOTE:: помещаем вместе с фоном прямо под картинку */
z-index: 2;
position: absolute;
opacity: 0.0;
filter: alpha(opacity=0);
-webkit-transition: all 0.5s;
transition: all 0.5s;
padding-left: 15px;
> a {
color: white;
font-size: 21px;
line-height: 65px;
&:hover {
color: white;
}
}
}
&:hover {
div.photo {
> a {
> img {
/*filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.4" /><feFuncG type="linear" slope="1.4" /><feFuncB type="linear" slope="1.4" /></feComponentTransfer></filter></svg>#filter');
filter: grayscale(0);
-webkit-filter: grayscale(0);*/
}
}
}
div.title {
margin-top: -71px;
background-color: rgba(0, 0, 0, 0.6);
opacity: 1;
filter: alpha(opacity=100);
}
}
}
Version data entries
3 entries across 3 versions & 1 rubygems