-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathfilters.css
83 lines (67 loc) · 2.67 KB
/
filters.css
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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
/*All -webkit-filter: properties are for Safari 6.0 - 9.0 */
.blackwhite{
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-ms-filter:grayscale(100%);
}
.sepia{
filter: sepia(100%);
-webkit-filter: sepia(100%);
-ms-filter:sepia(100%);
}
.sunset{
filter: sepia(50%);
-webkit-filter: sepia(50%);
-ms-filter:sepia(50%);
}
/*Credit from these filters: https://designpieces.com/2014/09/instagram-filters-css3-effects/*/
.xpro2 {
filter: contrast(1.3) brightness(0.8) sepia(0.3) saturate(1.5) hue-rotate(-20deg);
-webkit-filter: contrast(1.3) brightness(0.8) sepia(0.3) saturate(1.5) hue-rotate(-20deg);
-ms-filter:contrast(1.3) brightness(0.8) sepia(0.3) saturate(1.5) hue-rotate(-20deg);
}
.walden {
filter: sepia(0.35) contrast(0.9) brightness(1.1) hue-rotate(-10deg) saturate(1.5);
-webkit-filter: sepia(0.35) contrast(0.9) brightness(1.1) hue-rotate(-10deg) saturate(1.5);
-ms-filter:sepia(0.35) contrast(0.9) brightness(1.1) hue-rotate(-10deg) saturate(1.5);
}
.toaster {
-filter:sepia(0.4) saturate(2.5) hue-rotate(-30deg) contrast(0.67);
-webkit-filter:sepia(0.4) saturate(2.5) hue-rotate(-30deg) contrast(0.67);
-ms-filter:sepia(0.4) saturate(2.5) hue-rotate(-30deg) contrast(0.67);
}
.sutro {
filter: brightness(0.75) contrast(1.3) sepia(0.5) hue-rotate(-25deg);
-webkit-filter: brightness(0.75) contrast(1.3) sepia(0.5) hue-rotate(-25deg);
-ms-filter:brightness(0.75) contrast(1.3) sepia(0.5) hue-rotate(-25deg);;
}
.rise {
filter: saturate(1.4) sepia(0.25) hue-rotate(-15deg) contrast(0.8) brightness(1.1);
-webkit-filter: saturate(1.4) sepia(0.25) hue-rotate(-15deg) contrast(0.8) brightness(1.1);
-ms-filter:saturate(1.4) sepia(0.25) hue-rotate(-15deg) contrast(0.8) brightness(1.1);
}
.lofi {
filter: contrast(1.4) brightness(0.9) sepia(0.05);
-webkit-filter: contrast(1.4) brightness(0.9) sepia(0.05);
-ms-filter:contrast(1.4) brightness(0.9) sepia(0.05);
}
.kelvin {
filter: sepia(0.4) saturate(2.4) brightness(1.3) contrast(1);
-webkit-filter: sepia(0.4) saturate(2.4) brightness(1.3) contrast(1);
-ms-filter:sepia(0.4) saturate(2.4) brightness(1.3) contrast(1);
}
.hudson {
filter: contrast(1.2) brightness(0.9) hue-rotate(-10deg);
-webkit-filter: contrast(1.2) brightness(0.9) hue-rotate(-10deg);
-ms-filter:contrast(1.2) brightness(0.9) hue-rotate(-10deg);
}
.brannan {
filter: sepia(0.5) contrast(1.4);
-webkit-filter: sepia(0.5) contrast(1.4);
-ms-filter:sepia(0.5) contrast(1.4);
}
.nineteen77{
filter: sepia(0.5) hue-rotate(-30deg) saturate(1.2) contrast(0.8);
-webkit-filter: sepia(0.5) hue-rotate(-30deg) saturate(1.2) contrast(0.8);
-ms-filter:sepia(0.5) hue-rotate(-30deg) saturate(1.2) contrast(0.8);
}