Improved overlay for photos
This commit is contained in:
parent
1f8f6dfead
commit
1e34ce4d09
@ -116,7 +116,10 @@
|
|||||||
background: linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.9) 100%); /* W3C */
|
background: linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.9) 100%); /* W3C */
|
||||||
}
|
}
|
||||||
.photo .overlay {
|
.photo .overlay {
|
||||||
background: rgba(0, 0, 0, .6);
|
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.5) 80%, rgba(0,0,0,0.9) 100%); /* FF3.6+ */
|
||||||
|
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.5) 80%, rgba(0,0,0,0.9) 100%); /* Chrome10+,Safari5.1+ */
|
||||||
|
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.5) 80%, rgba(0,0,0,0.9) 100%); /* IE10+ */
|
||||||
|
background: linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.5) 80%, rgba(0,0,0,0.9) 100%); /* W3C */
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
.photo:hover .overlay,
|
.photo:hover .overlay,
|
||||||
|
Loading…
Reference in New Issue
Block a user