Hallo, Besucher der Thread wurde 381 aufgerufen und enthält 0 Antworten

letzter Beitrag von Belarus am

[CSS] Animierte Welle

Aktiviere jetzt die 2-Faktor-Authentisierung für deinen Account und erhalte die Trophäe Auf der sicheren Seite.

Letzte Beiträge Ticker Box Content

    Hallo,

    nachfolgend eine animierte Welle, welche z.B. am Seitenende, einer Landingpage oder aber auch in mitten eines Buttons (müsste entsprechend angepasst werden) zum Einsatz kommen kann.


    Features

    • Einfache intigration
    • Einfaches anpassen der Animation







    Demo

    Codepen.io: Wave Background

    Quellcode

    HTML
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <div class="ocean">
    <div class="wave"></div>
    <div class="wave"></div>
    </div>

    Benutzung

    1. Insofern bereits jQuery intrigiert wurde ist dieses wie hier im Quellcode angegeben nicht ein zweites mal notwendig.
    2. Die wave.svg entweder speichern und bei euch hochladen (Pfad anpassen nicht vergessen!) oder aber per Direktlink nutzen (wie im Beispiel).
      Wave.svg Download: wave.svg.rar


    Viel Spaß damit ;)


    Gruss,
    Andreas

    • Gäste Informationen


    Hallo Gast,
    gefällt dir der Thread, willst du was dazu schreiben,
    dann melde dich bitte an.
    Hast du noch kein Benutzerkonto, dann bitte registriere dich, nach der Freischaltung kannst du das Forum uneingeschränkt nutzen.

    Dieses Thema enthält 0 weitere Beiträge, die nur für registrierte Benutzer sichtbar sind, bitte registriere dich oder melde dich an um diese lesen zu können.
  • Belarus

    Hat den Titel des Themas von „Animierte Welle“ zu „[CSS] Animierte Welle“ geändert.

Jetzt mitmachen!

Du hast noch kein Benutzerkonto auf unserer Seite? Registriere dich kostenlos und nimm an unserer Community teil!