-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
61 lines (53 loc) · 2.98 KB
/
index.html
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
<div class="container">
<h1>CSS İmage Filter</h1>
<div class="row">
<figure class="aks-figure">
<img src="http://ahmetaksungur.com/wp-content/uploads/2020/08/aks-filter-image.jpg" alt="Normal">
<figcaption class="aks-figcaption">Normal</figcaption>
</figure>
<figure class="aks-figure">
<img src="http://ahmetaksungur.com/wp-content/uploads/2020/08/aks-filter-image.jpg" alt="grayscale" aks-image-filter="grayscale">
<figcaption class="aks-figcaption">grayscale</figcaption>
</figure>
<figure class="aks-figure">
<img src="http://ahmetaksungur.com/wp-content/uploads/2020/08/aks-filter-image.jpg" alt="sepia" aks-image-filter="sepia">
<figcaption class="aks-figcaption">sepia</figcaption>
</figure>
<figure class="aks-figure">
<img src="http://ahmetaksungur.com/wp-content/uploads/2020/08/aks-filter-image.jpg" alt="littleblur" aks-image-filter="littleblur">
<figcaption class="aks-figcaption">littleblur</figcaption>
</figure>
<figure class="aks-figure">
<img src="http://ahmetaksungur.com/wp-content/uploads/2020/08/aks-filter-image.jpg" alt="moreblur" aks-image-filter="moreblur">
<figcaption class="aks-figcaption">moreblur</figcaption>
</figure>
<figure class="aks-figure">
<img src="http://ahmetaksungur.com/wp-content/uploads/2020/08/aks-filter-image.jpg" alt="littlebrightness" aks-image-filter="littlebrightness">
<figcaption class="aks-figcaption">littlebrightness</figcaption>
</figure>
<figure class="aks-figure">
<img src="http://ahmetaksungur.com/wp-content/uploads/2020/08/aks-filter-image.jpg" alt="morebrightness" aks-image-filter="morebrightness">
<figcaption class="aks-figcaption">morebrightness</figcaption>
</figure>
<figure class="aks-figure">
<img src="http://ahmetaksungur.com/wp-content/uploads/2020/08/aks-filter-image.jpg" alt="littlecontrast" aks-image-filter="littlecontrast">
<figcaption class="aks-figcaption">littlecontrast</figcaption>
</figure>
<figure class="aks-figure">
<img src="http://ahmetaksungur.com/wp-content/uploads/2020/08/aks-filter-image.jpg" alt="morecontrast" aks-image-filter="morecontrast">
<figcaption class="aks-figcaption">morecontrast</figcaption>
</figure>
<figure class="aks-figure">
<img src="http://ahmetaksungur.com/wp-content/uploads/2020/08/aks-filter-image.jpg" alt="saturated" aks-image-filter="saturated">
<figcaption class="aks-figcaption">saturated</figcaption>
</figure>
<figure class="aks-figure">
<img src="http://ahmetaksungur.com/wp-content/uploads/2020/08/aks-filter-image.jpg" alt="invertfilter" aks-image-filter="invertfilter">
<figcaption class="aks-figcaption">invertfilter</figcaption>
</figure>
<figure class="aks-figure">
<img src="http://ahmetaksungur.com/wp-content/uploads/2020/08/aks-filter-image.jpg" alt="hue" aks-image-filter="hue">
<figcaption class="aks-figcaption">hue</figcaption>
</figure>
</div>
</div>