32 lines
691 B
CSS
32 lines
691 B
CSS
/*
|
|
*
|
|
* Brooklyn
|
|
*
|
|
*/
|
|
.brooklyn:before, .brooklyn:after {
|
|
content: '';
|
|
display: block;
|
|
height: 100%;
|
|
width: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
position: absolute;
|
|
pointer-events: none; }
|
|
|
|
.brooklyn {
|
|
position: relative; }
|
|
.brooklyn img {
|
|
width: 100%;
|
|
z-index: 1; }
|
|
.brooklyn:before {
|
|
z-index: 2; }
|
|
.brooklyn:after {
|
|
z-index: 3; }
|
|
|
|
.brooklyn {
|
|
-webkit-filter: contrast(.9) brightness(1.1);
|
|
filter: contrast(.9) brightness(1.1); }
|
|
.brooklyn:after {
|
|
background: -webkit-radial-gradient(circle, rgba(168, 223, 193, 0.4) 70%, #c4b7c8);
|
|
background: radial-gradient(circle, rgba(168, 223, 193, 0.4) 70%, #c4b7c8);
|
|
mix-blend-mode: overlay; }
|