Entries Open 🎃 Halloween 2020 Challenge - basic SVG 📐

Entries Open 🎃 Halloween 2020 Challenge - basic SVG 📐

Gummibeer

Astroneer
Moderator
Local time
11:20
Joined
Oct 5, 2019
Messages
1,169
Pronouns
he/him

Happy Halloween!

Here's a challenge for all of you as you can participate as a designer and developer. You will be awarded points and a funky pumpkin trophy

🎃
for your profile if yours is voted to the top by the community. Entries should be submitted as an answer to this thread.

Closing Date: 9th November 7pm UTC

Your mission is to create a Halloween themed SVG with basic SVG elements only - and CSS styling.
So you should only use rect, circle, ellipse, line and definitely none of these polyline, polygon.
On top you are allowed to use a maximum of 3 clipPath elements for some advanced graphics. ✂️

If you need a starting SVG - here's a basic file-template:

HTML:
<?xml version="1.0" encoding="UTF-8"?>
<svg
    xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    version="1.1"
    width="480"
    height="320"
    viewBox="0 0 480 320"
>
    <!-- content -->
</svg>

Here's a super basic pumpkin you can take as a starting point:
HTML:
<?xml version="1.0" encoding="UTF-8"?>
<svg
    xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    version="1.1"
    width="480"
    height="320"
    viewBox="-240 -160 480 320"
>
    <defs><style type="text/css">
        #pumpkin ellipse {
            fill: orange;
            stroke: black;
            stroke-width: 2;
        }
    </style></defs>

    <g id="pumpkin">
        <!-- right -->
        <ellipse cx="-70" cy="0" rx="80" ry="120" />
        <ellipse cx="-40" cy="0" rx="60" ry="120" />
        <!-- left -->
        <ellipse cx="70" cy="0" rx="80" ry="120" />
        <ellipse cx="40" cy="0" rx="60" ry="120" />
        <!-- center -->
        <ellipse cx="0" cy="0" rx="50" ry="120" />
    </g>
</svg>

 
Last edited:

Gummibeer

Astroneer
Moderator
Local time
11:20
Joined
Oct 5, 2019
Messages
1,169
Pronouns
he/him

📅 Because of the delayed announcement we will extend the challenge until 9th November.

 

l3ta

Member
Local time
02:20
Joined
Oct 14, 2019
Messages
73

But the magic of Halloween is gone. There are only a few times in the year when the veil between the worlds is thin :-0

 
Top