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

letzter Beitrag von Belarus am

[CSS] Animierter welliger Text

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

    Hallo,


    nachfolgend eine Möglichkeit mit welcher Ihr ein animierten welligen Text erstellen könnt, welcher dem Titelbild vom Film "Das Boot" sehr nahe kommt.

    Features

    • Leichte Integration
    • Beliebig erweiterbar
    • Reines HTML und CSS
    • Individuell an Deinen Style anpassbar





    Demo


    Eine Live Demo kann hier betrachtet werden: Codepen.io: CSS Waving Text ;)

    Quellcode

    Zur Nutzung des HTML-Quellcodes gibt es zwei Möglichkeiten. Zum einen einfaches HTML oder aber den kürzeren und simpleren Quellcode mittels Pug.

    Dieser BBCode ist nur für Mitglieder sichtbar! - Um den BBCode nutzen zu können Loggen Sie sich bitte ein oder Registrieren Sie sich.
    Dieser BBCode ist nur für Mitglieder sichtbar! - Um den BBCode nutzen zu können Loggen Sie sich bitte ein oder Registrieren Sie sich.

    Benutzung

    1. HTML oder PUG-Quellcode an gewünschter Stelle einfügen
    2. SCSS Quellcode unter Anpassung DEIN_STYLE Erweiterte Einstellungen Eigene Deklarationen - oder - Stilunabhängiges CSS und SCSS einfügen.
    3. Ggfls. eigene CSS-Anpassungen vornehmen

    Hinweis

    Zur einfachen Umgestaltung des Textes im späteren, wird empfohlen den PUG anstatt den einfachen HTML-Quellcode zu nutzen. Wer hingegen den Text nur einmalig angeben möchte, kann natürlich, wie jeder andere auch, den einfachen HTML-Quellcode nutzen.

    Lizenz

    Copyleft oder mit anderen Worten, macht damit was Ihr wollt ;)

    Screenshots


    Viel Spaß damit ;)


    Gruss,

    Andreas

    • Gäste Informationen
    Hallo,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.

Jetzt mitmachen!

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