Clip Maker

Erstelle dir Formen ein Backgrundbild in verschiedene Formen angezeigt werden kann. Das Tool erstellt einen CSS Code, den man in der CSS Datei eintragen muss

Kommentar abgeben zu diesen Beitrag/Code ?
Dann hier klicken

Der hier verwendete Code

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
    <!DOCTYPE html>
<html class="insetting">
    <head>
        <meta charset="UTF-8" />
        <link rel="stylesheet" href="/css_webseite/clipmaker.css" />
        <meta name="viewport" content="width=device-width" />
    </head>
    <div class="main">
        <header class="fade-content">
            CSS clip-path maker
        </header>
        <div class="demo-container fade-content">
            <section class="demo">
                <div id="box" class="box">
                    <div class="shadowboard"></div>
                    <div class="clipboard"></div>
                    <div class="handles"></div>
                </div>
                <div class="custom-notice">
                    <div>
                        <span class="touchy"></span> to add points<br />to
                        custom polygon.
                    </div>
                </div>
            </section>
        </div>
        <section id="flickity" class="shapes horizontal gallery">
            <ul></ul>
        </section>
        <section class="clip-path" tabindex="-1">
            <div class="css-code code fade-content">
                <code class="webkit block"
                    >-webkit-clip-path: <span class="functions"></span>;</code
                >
                <code class="unprefixed block show"
                    >clip-path: <span class="functions"></span>;</code
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX