32 lines
603 B
CSS
32 lines
603 B
CSS
/*
|
|
*
|
|
* Walden
|
|
*
|
|
*/
|
|
.walden:before, .walden:after {
|
|
content: '';
|
|
display: block;
|
|
height: 100%;
|
|
width: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
position: absolute;
|
|
pointer-events: none; }
|
|
|
|
.walden {
|
|
position: relative; }
|
|
.walden img {
|
|
width: 100%;
|
|
z-index: 1; }
|
|
.walden:before {
|
|
z-index: 2; }
|
|
.walden:after {
|
|
z-index: 3; }
|
|
|
|
.walden {
|
|
-webkit-filter: brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6);
|
|
filter: brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6); }
|
|
.walden:after {
|
|
background: #04c;
|
|
mix-blend-mode: screen;
|
|
opacity: .3; }
|