Universite/doc-svg
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Récupération du cours SVG

Browse Source
This commit is contained in:
Université
2025-10-30 13:08:21 +01:00
commit aae4193595
171 changed files with 15661 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
exercices/background/background.md Executable file
View File

@@ -0,0 +1,4 @@
---
layout: layouts/page.njk
title: Background
---

54
exercices/background/background.svg Executable file
View File

@@ -0,0 +1,54 @@
<svg width="2261" height="1272" viewBox="0 0 2261 1272" fill="none" xmlns="http://www.w3.org/2000/svg">
<defs>
<radialGradient id="paint0_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1130.5 -102.5) rotate(90) scale(1438.5 4422.5)">
<stop stop-color="#4354E6"/>
<stop offset="1" stop-color="#2E24AA" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint1_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1372 -159.5) rotate(90) scale(1455.5 1832)">
<stop stop-color="#F89797"/>
<stop offset="0.484375" stop-color="#D676E6" stop-opacity="0.5"/>
<stop offset="1" stop-color="#4F477C" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint2_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(400.5 -509) rotate(90) scale(1673 1860.5)">
<stop stop-color="#FF8A36"/>
<stop offset="0.348958" stop-color="#FB5A67" stop-opacity="0.5"/>
<stop offset="1" stop-color="#68105F" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint3_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(520.5 -305) rotate(90) scale(702 980.5)">
<stop stop-color="#FF8A36"/>
<stop offset="1" stop-color="#833F6E" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint4_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(500 -160) rotate(90) scale(290 1049)">
<stop offset="0.313131" stop-color="#FBC55A"/>
<stop offset="0.597854" stop-color="#FF8A36" stop-opacity="0.5"/>
<stop offset="1" stop-color="#A63D8F" stop-opacity="0"/>
</radialGradient>
<clipPath id="clip0">
<rect width="2261" height="1272" fill="white"/>
</clipPath>
</defs>
<g clip-path="url(#clip0)">
<rect width="2261" height="1272" fill="black"/>
<rect x="-1147" y="-916" width="4532" height="2576" fill="black"/>
<ellipse opacity="0.5" cx="1130.5" cy="-102.5" rx="4422.5" ry="1438.5" fill="url(#paint0_radial)">
</ellipse>
<ellipse opacity="0.33" cx="1372" cy="-159.5" rx="1832" ry="1455.5" fill="url(#paint1_radial)">
<animate attributeName="cx" values="1372;0;1372" dur="10s" repeatCount="indefinite" />
<animate attributeName="cy" values="-159.5;50;-159.5" dur="10s" repeatCount="indefinite" />
</ellipse>
<ellipse opacity="0.7" cx="400.5" cy="-509" rx="1860.5" ry="1673" fill="url(#paint2_radial)">
<animate attributeName="cx" values="1372;0;1372" dur="10s" repeatCount="indefinite" />
<animate attributeName="cy" values="-159.5;50;-159.5" dur="10s" repeatCount="indefinite" />
</ellipse>
<ellipse opacity="0.7" cx="520.5" cy="-305" rx="980.5" ry="702" fill="url(#paint3_radial)">
<animate attributeName="cx" values="520.5;0;520.5" dur="10s" repeatCount="indefinite" />
<animate attributeName="cy" values="980.5;-50;980.5" dur="10s" repeatCount="indefinite" />
</ellipse>
<ellipse opacity="0.5" cx="500" cy="-160" rx="1049" ry="290" fill="url(#paint4_radial)">
<animate attributeName="cx" values="500;0;500" dur="10s" repeatCount="indefinite" />
<animate attributeName="cy" values="-160;50;-160" dur="10s" repeatCount="indefinite" />
</ellipse>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.2 KiB