Récupération du cours SVG
This commit is contained in:
43
filtres/index.md
Executable file
43
filtres/index.md
Executable file
@@ -0,0 +1,43 @@
|
||||
---
|
||||
layout: layouts/page.njk
|
||||
title: Filtres
|
||||
---
|
||||
|
||||
### Flou
|
||||
|
||||
feGaussianBlur
|
||||
|
||||
<svg width="240" height="120" xmlns="http://www.w3.org/2000/svg">
|
||||
<filter id="blur">
|
||||
<feGaussianBlur stdDeviation="5"/>
|
||||
</filter>
|
||||
<circle cx="60" cy="60" r="50" fill="#3ed124" />
|
||||
<circle cx="180" cy="60" r="50" fill="#3ed124" filter="url(#blur)" />
|
||||
</svg>
|
||||
|
||||
### Ombre
|
||||
|
||||
feDropShadow
|
||||
|
||||
<svg width="250" height="130" xmlns="http://www.w3.org/2000/svg">
|
||||
<filter id="shadow">
|
||||
<feDropShadow dx="4" dy="4" stdDeviation="2" flood-color="darkgreen"/>
|
||||
</filter>
|
||||
<circle cx="60" cy="60" r="50" fill="#3ed124" />
|
||||
<circle cx="180" cy="60" r="50" fill="#3ed124" filter="url(#shadow)" />
|
||||
</svg>
|
||||
|
||||
|
||||
|
||||
<svg width="250" height="130" xmlns="http://www.w3.org/2000/svg">
|
||||
<filter id="light">
|
||||
<feDiffuseLighting in="SourceGraphic" result="light" lighting-color="white">
|
||||
<fePointLight x="150" y="60" z="20" />
|
||||
</feDiffuseLighting>
|
||||
</filter>
|
||||
<circle cx="60" cy="60" r="50" fill="#3ed124" />
|
||||
<circle cx="180" cy="60" r="50" fill="#3ed124" filter="url(#light)" />
|
||||
</svg>
|
||||
|
||||
<filter id="lightMe1">
|
||||
|
||||
Reference in New Issue
Block a user