Als «shapes» getaggte Fragen

1846
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...

321
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, um...

222
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;...

206
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...

177
Formen mit mehreren Verläufen

Ich möchte eine Form erstellen, die dem folgenden Bild entspricht: Beachten Sie die Farbverläufe der oberen Hälfte von Farbe 1 bis Farbe 2, aber es gibt eine untere Hälfte, die Farbverläufe von Farbe 3 bis Farbe 4 aufweist. Ich weiß, wie man eine Form mit einem einzelnen Farbverlauf erstellt,...

171
Abgerundete Ecke für Textansicht in Android

Ich habe eine Textansicht und möchte, dass die Ecke rund ist. Ich weiß bereits, dass es mit gemacht werden kann android:background="@drawable/somefile". In meinem Fall ist dieses Tag bereits enthalten und kann daher nicht mehr verwendet werden. zB android:background="@drawable/mydialogbox"ist schon...

157
Rand in Form xml

Ich versuche, ein Zeichen für einen Knopf zu erstellen. Ich möchte, dass es diese Farbe hat, mit einem 2px Rand um ihn herum. Alles funktioniert gut, außer dass ich die Grenze nicht zum Anzeigen bringen kann ... <?xml version="1.0" encoding="utf-8"?> <shape

155
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...

124
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...

114
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...

102
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...