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.

3
Form mit einer schrägen Seite (ansprechend)
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 und daher kann …
6
Wie kann ich mit reinem CSS einen „Tooltip Tail“ erstellen?
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: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-tail2.png); display: block; height: 29px; width: 30px; } <div>Cool Trick: <br /> <div class="tooltiptail"></div> …
7
Wellenförmige Form mit CSS
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 Sie das Code-Snippet ausErgebnisse ausblendenErweitern Sie das …
80 css  css-shapes 
7
Generieren Sie mit CSS3 sich wiederholende hexagonale Muster
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 Möglichkeit, die sechseckigen Formen zu …
79 html  css  css-shapes 
13
Wie zeichne ich einen Kreissektor in CSS?
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 einem Grad X [0-360] …
77 css  css-shapes 
9
Erstellen Sie ein Blitzdesign (wie The Flash)
Overа этот вопрос есть ответы на Stapelüberlauf на русском : Создайте дизайн молнии Ich versuche, das Blitzsymbol aus The Flash (DC Comics) (oder dem T-Shirt von Sheldon Cooper von Big Bang Theory ) in CSS neu zu erstellen . Dies wird sich wie ein Sternebewertungssystem verhalten, stattdessen nur wie ein …
69 html  css  svg  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.