Add Ludwig filter effect

BuZZ-dEE · BuZZ-dEE · commit 7d4f6982a1f7 · 2020-03-14T00:50:16.000Z
According to pull request for CSSgram una/CSSgram#221
diff --git a/README.md b/README.md
@@ -7,7 +7,7 @@
                                         
                                                 
 
-## 31 [Instagram filter effects in SVG][0]
+## 32 [Instagram filter effects in SVG][0]
 
 ### filter ids
 
@@ -42,6 +42,7 @@
 - [charmes][29]
 - [vesper][30]
 - [ginza][31]
+- [ludwig][32]
 
 ### usage
 
@@ -79,3 +80,4 @@ filters are defined in **defs**. see how to use svg defs in html and css.
 [29]: https://codepen.io/BuZZ-dEE/pen/JjdpBLo
 [30]: https://codepen.io/BuZZ-dEE/pen/VwLXBBv
 [31]: https://codepen.io/BuZZ-dEE/pen/poJLZmx
+[32]: https://codepen.io/BuZZ-dEE/pen/PoqRdZO
diff --git a/fegram.svg b/fegram.svg
@@ -886,6 +886,29 @@
             <feFlood flood-color="rgba(0, 70, 150, .4)" flood-opacity="1"/>
             <feBlend mode="lighten" in2="scbsfb"/>
         </filter>
+
+        <!-- CSSgram Instagram Ludwig filter -->
+        <filter id="ludwig"
+                color-interpolation-filters="sRGB"
+                filterUnits="objectBoundingBox"
+                primitiveUnits="objectBoundingBox"
+                x="0" y="0" width="100%" height="100%">
+            <!-- saturate -->
+            <feColorMatrix result="scbs" type="saturate" values=".8"/>
+            <!-- contrast -->
+            <feComponentTransfer>
+                <feFuncR type="linear" slope="1.15" intercept="-0.075"/>
+                <feFuncG type="linear" slope="1.15" intercept="-0.075"/>
+                <feFuncB type="linear" slope="1.15" intercept="-0.075"/>
+            </feComponentTransfer>
+            <!-- grayscale 0.25 -->
+            <feColorMatrix type="matrix" values="
+                0.80315 0.1788 0.01805 0 0
+                0.05315 0.9288 0.01805 0 0
+                0.05315 0.1788 0.76805 0 0
+                0 0 0 1 0"/>
+        </filter>
+
     </defs>
 
     <defs>
@@ -903,6 +926,6 @@
                id="imageOriginal" x="5%" y="5%" width="100%" height="50%" preserveAspectRatio="xMidYMid slice"/> 
     </defs>
 
-    <use xlink:href="#imageOriginal" filter="url(#ginza)" />
+    <use xlink:href="#imageOriginal" filter="url(#ludwig)" />
     <use xlink:href="#imageOriginal" y="50%" />
 </svg>
