Suchergebnisse für Anfrage "css-shapes"

6 die antwort

Trenne 2 Divs mit einer Steigungslinie

Ich möchte 2 schwimmende Divs mit einer Steigungslinie trennen, sie haben verschiedene Hintergrundfarben. Beispiel hier: HTML-Markup: <div id="wrap"> <div id="one"></div> <div id="two"></div> </div>Ich habe bereits versucht, sie zu drehen ...

5 die antwort

So erstellen Sie ein Sechseck mit gekrümmten Kanten mithilfe von CSS

Das ist mein CSS. CSS #hexagon-circle { width: 100px; height: 55px; background: red; position: relative; border-radius: 10px;} #hexagon-circle:before { content: ""; position: absolute; top: -25px; left: 0; width: 0; height: 0; border-left: 50px ...

3 die antwort

Angrenzende Divs mit abgewinkelten Rändern? [Duplikat

Diese Frage hat hier bereits eine Antwort: Form mit einer schrägen Seite (ansprechend) [/questions/30441122/shape-with-a-slanted-side-responsive] 2 AntwortenIch möchte zwei Divs erstellen, die links voneinander schweben, jedoch mit einem ...

TOP-Veröffentlichungen

2 die antwort

So erstellen Sie gebogene und überlappende Menü-Registerkarten in CSS

ch möchte ein Menü erstellen, bei dem sich die Enden der Menüs überlappen und die Ränder gekrümmt und die Ränder leicht geneigt sin Ist es ohne Hintergrundbild möglich, ein solches Menü nur mit CSS zu erstellen? Zum besseren Verständnis haben ...

2 die antwort

Erstellen eines Tröpfchen-ähnlichen Rahmeneffekts in css

Ich habe diesen Rahmen in Photoshop erstellt und mich gefragt, ob mir jemand eine Anleitung geben kann, wie ich diesen Rahmen mit @ neu erstellen kancss.

5 die antwort

Wie kann ich in CSS einen konkaven unteren Rand erstellen?

Content muss im konkaven Bereich dahinter scrollen können und darf nicht verdeckt sein. Im Einzelnen versuche ich Folgendes zu erstellen:

5 die antwort

albsechskantform mit einem Eleme

Ich versuche, die folgende Form ohne Erfolg zu replizieren: Ich schätze, ich brauche einige:before und:after Pseudoelemente zusammen mit dem folgenden CSS: #pentagon { position: relative; width: 78px; height:50px; background:#3a93d0; }

9 die antwort

Responsive Gitter von Sechsecken

Ich habe mehrere Bilder auf meiner Website aus dem Internet geladen. Ist es möglich, all diesen Bildern ein @ zu gebehexagon shape in einem reaktionsschnellen Raster? <div> <img src="link" class="Image"> </div> <div> <img src="link" ...

4 die antwort

Diamond-Menüelemente mit CSS und SVG

Ich möchte das folgende Design in HTML & CSS codieren as ich bisher gemacht habe ist: Ich habe es gemacht mit: a linksSVG als HintergrundAbsolute Position und translate (x, y) -Eigenschaft in CSS.Bitte prüfen Sie dasGeig ...

1 die antwort

Form, die einem Kompasszeiger oder einem inneren Teil eines Safari-Logos ähnelt

Ich versuche, die folgende Form nur mit CSS zu erstellen. Ich weiß, dass es viel einfacher wäre, diese Form mit einem Bild oder einer SVG-Datei zu erzielen, aber ich versuche, sie mit CSS für einen Proof-of-Concept zu erreichen. Der folgende ...