CSS-Formen werden mithilfe von Cascade Styling Sheets erstellt, um HTML-Elemente in Formen und Bilder umzuwandeln. Die grundlegendsten Formen umfassen Dreiecke, Quadrate und Kreise, können jedoch zu fortgeschritteneren Formen wie Herzen, Achtecken und Sternen verarbeitet werden.
На этот вопрос есть ответы на Stapelüberlauf на русском : Как создать треугольники CSS? Bei CSS Tricks - Shapes of CSS gibt es viele verschiedene CSS-Formen, und ich bin besonders verwirrt über ein Dreieck: #triangle-up { width: 0; height: 0; border-left: 50px...
Wie erstelle ich ein Menü, das so aussieht ... Link zu PSD Ich möchte die PSD-Bilder nicht verwenden. Ich würde es vorziehen, Symbole aus einem Paket wie zu verwenden FontAwesome zu verwenden und die Hintergründe / CSS in CSS generieren zu lassen. Eine Version des Menüs, das die PSD verwendet, um...
Ich möchte eine Zahl in einem Kreis wie in diesem Bild umgeben: Ist das möglich und wie wird es
Ich möchte eine Webseite mit einem zentrierten Wort haben. Ich möchte, dass dieses Wort mit einer Animation gezeichnet wird, so dass die Seite das Wort auf die gleiche Weise "schreibt", wie wir es tun würden, dh es beginnt an einem Punkt und zeichnet im Laufe der Zeit Linien und Kurven, so dass das...
Wie erstelle ich eine solche Form, um sie auf einer Webseite anzuzeigen? Ich möchte keine Bilder verwenden, da diese beim Skalieren verschwommen werden Ich habe es mit CSS versucht : .tear { display: inline-block; transform: rotate(-30deg); border: 5px solid green; width: 50px;...
Dies ist das CSS: div { width: 0; height: 0; border: 180px solid red; border-radius: 180px; } Wie entsteht der Kreis darunter? Angenommen, eine Rechteckbreite von 180 Pixel und eine Höhe von 180 Pixel sieht folgendermaßen aus: Nach dem Anwenden des Randradius von 30 Pixel sieht es folgendermaßen...
Ich frage mich, ob es einen einfacheren Weg gibt, kreisförmige Divs zu erstellen, als das, was ich jetzt mache. Momentan mache ich nur ein Bild für jede Größe, aber es ist ärgerlich, dies zu tun. Gibt es überhaupt CSS, um kreisförmige Divs zu erstellen, und ich kann den Radius...
Ich habe dieses Beispiel bei stackoverflow gefunden: Zeichnen Sie den Kreis nur mit CSS Was toll ist. Aber ich möchte wissen, wie ich dieses Beispiel so ändern kann, dass ich Text in die Mitte des Kreises einfügen kann? Ich fand auch folgendes: Vertikales und horizontales Zentrieren von Text im...
Wenn ich einen Pixel- oder em-Wert für den Randradius verwende, ist der Kantenradius immer ein Kreisbogen oder eine Pillenform, auch wenn der Wert größer als die größte Seite des Elements ist. Wenn ich Prozentsätze verwende , ist der Kantenradius elliptisch und beginnt in der Mitte jeder Seite...
Ist es möglich, die Länge und den Abstand zwischen gestrichelten Randstrichen in CSS zu steuern? Das folgende Beispiel wird zwischen den Browsern unterschiedlich angezeigt: div { border: dashed 4px #000; padding: 20px; display: inline-block; } <div>I have a dashed border!</div> Führen...
Wie zeichnet man mit HTML5 und CSS3 einen Kreis? Ist es auch möglich, Text
Versuch, eine benutzerdefinierte Hex-Farbe für mein CSS-Dreieck (Rand) zu verwenden. Da jedoch Rahmeneigenschaften verwendet werden, bin ich mir nicht sicher, wie ich dies tun soll. Ich möchte mich aus Gründen der Kompatibilität von Javascript und CSS3 fernhalten. Ich versuche, dass das Dreieck...
Geschlossen. Diese Frage entspricht nicht den Richtlinien für Stapelüberlauf . Derzeit werden keine Antworten akzeptiert. Möchten Sie diese Frage verbessern? Aktualisieren Sie die Frage so dass es beim Thema für Stack - Überlauf. Geschlossen vor 5 Jahren ....
Ok, jeder weiß, dass Sie damit ein Dreieck bilden können: #triangle { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; } Und das ergibt ein festes, ausgefülltes Dreieck. Aber wie würden Sie so ein hohles...
Gibt es eine Möglichkeit , mit CSS einen transparenten Text aus einem Hintergrundeffekt wie dem im folgenden Bild herauszuschneiden ? Es wäre traurig, alle wertvollen SEOs zu verlieren, weil Bilder Text ersetzen. Ich habe zuerst an Schatten gedacht, aber ich kann nichts herausfinden ... Das Bild...
Ich versuche, eine Form wie im Bild unten mit einer schrägen Kante auf nur einer Seite (z. B. der Unterseite) zu erstellen , während die anderen Kanten gerade bleiben. Ich habe versucht, die Rahmenmethode zu verwenden (Code ist unten angegeben), aber die Abmessungen meiner Form sind dynamisch...
Ich bin gerade auf einen ordentlichen CSS-Trick gestoßen. Schauen Sie sich die Geige an ... .tooltiptail { display: block; border-color: #ffffff #a0c7ff #ffffff #ffffff; border-style: solid; border-width: 20px; width: 0px; height: 0px; } .anothertail { background-image:...
Ich versuche, dieses Bild mit CSS neu zu erstellen: Ich würde es nicht brauchen, um es zu wiederholen. Das habe ich angefangen, aber es hat nur eine gerade Linie: #wave { position: absolute; height: 70px; width: 600px; background: #e0efe3; } <div id="wave"></div> Führen...
Also muss ich mit CSS ein sich wiederholendes hexagonales Muster erstellen. Wenn Bilder benötigt werden, kann ich dorthin gehen, aber ich würde es vorziehen, wenn möglich nur CSS zu verwenden. Hier ist eine Vorstellung davon, was ich zu erstellen versuche: Grundsätzlich brauche ich nur eine...
Overа этот вопрос есть ответы на Stapelüberlauf на русском : Как нарисовать сектор круга в CSS? Das Zeichnen eines Kreises mit reinem CSS ist einfach. .circle { width: 100px; height: 100px; border-radius: 100px; border: 3px solid black; background-color: green; } Wie zeichne ich einen Sektor? Bei...