Als «css-shapes» getaggte Fragen

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.

20
Wie funktionieren CSS-Dreiecke?
На этот вопрос есть ответы на 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 solid transparent; border-right: 50px solid transparent; border-bottom: 100px …
3
Erstellen eines Radialmenüs in CSS
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, …
321 css  tooltip  css-shapes 
12
Wie erstelle ich eine Träne in HTML?
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; height: 100px; border-top-left-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; …
222 html  css  svg  css-shapes 
5
Wie erzeugt dieses CSS einen Kreis?
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 aus: Das …
206 html  css  css-shapes 
16
CSS: Wie zeichnet man einen Kreis mit Text in der Mitte?
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 Kreis …
155 css  css-shapes 
8
Steuern Sie die gestrichelte Randstrichlänge und den Abstand zwischen den Strichen
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 Sie das Code-Snippet ausErgebnisse ausblendenErweitern Sie das Snippet Große …
124 css  border  css-shapes 
2
Randradius in Prozent (%) und Pixel (px) oder em
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 des Elements, was …
124 css  css-shapes 
5
Benutzerdefinierte Rahmenfarbe für CSS-Dreiecke
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 einen weißen Hintergrund mit einem 1px-Rand (um die …
114 css  border  css-shapes 
4
CSS-Fortschrittskreis [geschlossen]
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 . Verbessere diese Frage Ich habe diese Website durchsucht, um Fortschrittsbalken zu finden, …
10
Wie erstelle ich einen ausgefallenen Pfeil mit CSS?
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 pfeilartiges Dreieck herstellen?
102 html  css  css-shapes 
11
Transparenter Text aus dem Hintergrund ausgeschnitten
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 ist der Site-Hintergrund, ein …
90 css  svg  fonts  css-shapes 
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.