Startseite » Web-Design » Erstellen Sie reine CSS-Dreiecke mit dieser kostenlosen Web-App

    Erstellen Sie reine CSS-Dreiecke mit dieser kostenlosen Web-App

    Es gibt einen großen Anstoß, um das Web zu a CSS-freundlicher Ort. Jahrelang, Bilder waren immer die Lösung für Browser-Hacks von sich wiederholenden Hintergründen bis zur Schiebetürtechnik. Aber jetzt ist es einfacher als je zuvor Erstellen Sie Muster, Symbole und Spezialeffekte mit CSS3.

    Mit dieser Dreieckgenerator, Sie können das gestalten Größe und Form eines beliebigen Dreiecks Sie wollen. Es wird automatisch spucke eine CSS-Klasse aus die Sie auf jedes Element anwenden können.

    In den Optionsfeldern können Sie das Dreieck ändern Farbe und Richtung (auf / ab und seitwärts). Sie können auch das Dreieck ändern Breite Höhe und verwirren sogar mit dem links / rechts schräg wenn Sie ein skaliertes Dreieck machen.

    Dies ist bei weitem eine der coolsten Web-Apps, die ich je gesehen habe. Es ist gehostet bei Designyourcode Dies ist eine Website voller toller Blogartikel und kostenloser Web-Entwickler-Tools.

    Und für alle Liebhaber von Rückwärtskompatibilität, Sie haben die Möglichkeit, die Microsoft.Chroma Feature in CSS welche fügt Unterstützung für IE6-Benutzer hinzu. Weniger als ein Prozent der Welt nutzt sogar IE6, aber es ist immer noch eine gute Option.

    Zu Fügen Sie ein reines CSS-Dreieck hinzu zu Ihrer Website, einfach Kopieren Sie die CSS-Klasse mit den Regeln in Ihr Stylesheet. Dann geben Sie diese Klasse an

    oder leeres Blockelement.

    Zum Beispiel zu mache ein nach oben zeigendes Dreieck Sie würden den Code kopieren und ein Element wie folgt hinzufügen:

      

    Das könnte sein ein Element auf Blockebene, oder es könnte sein absolut positioniert innerhalb eines anderen Elements.

    Die Möglichkeiten sind endlos und dieses Werkzeug kann eine bessere Alternative anbieten als der CSS-Grenzhack. Um zu beginnen, besuchen Sie einfach die Dreieck Web App und ändern Sie die Werte nach Ihren Wünschen.