CSSgram/source/css/vesper.css at d8bb1f0ea5960b54c7b92aa594e3dfbfb202e218 · una/CSSgram · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
/*
 *
 * Vesper
 *
 */

 .vesper {
    position: relative;
    -webkit-filter: hue-rotate(-10deg) contrast(0.9) saturate(0.9) brightness(1.3) sepia(0.1);
            filter: hue-rotate(-10deg) contrast(0.9) saturate(0.9) brightness(1.3) sepia(0.1); }

    .vesper img {
      width: 100%;
      z-index: 1; }

    .vesper:before {
      content: '';
      display: block;
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      position: absolute;
      pointer-events: none;
      z-index: 2; }

    .vesper:after {
      content: '';
      display: block;
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      position: absolute;
      pointer-events: none;
      z-index: 3; }

    .vesper::after {
      background: rgba(220, 250, 40, 0.1);
      mix-blend-mode: darken; }