Suchergebnisse für Anfrage "css-shapes"
Countdown-Timer mit kreisförmigem Fortschrittsbalken
Ich habe einen Countdown-Timer erstellt. Ich habe eine Grenze, die kreisförmig ist. Wenn der Timer gegen Null tendiert, sollte sich der kreisförmige Rand mit der Abnahme in den Sekunden verfärben. Ich habe das JSFIDDLE erstellt ...
zwei Divs geteilt mit diagonaler Linie - CSS
Ich versuche, zwei Divs auf die volle Breite der Seite zu bringen, aber mit einer diagonalen Linie in zwei Hälften zu teilen. Wie kann ich das mit zwei Divs durch CSS erreichen? Es ist für einen Schieberegler gedacht und benötigt Inhalte, die ...
Ist es möglich, dieses unregelmäßige Viereck mit CSS zu erstellen?
[/imgs/xWNo3.png] Ich habe das @ ausprobieperspective Lösung hierWie transformiere ich jede Seite einer Form einzeln? [https://stackoverflow.com/questions/20069723/how-to-transform-each-side-of-a-shape-separately] kann es aber wahrscheinlich ...
Wie füge ich einen Rand in meinen Clip-Pfad ein: polygon (); CSS-Stil
Ich möchte wissen, ob es möglich ist, @ hinzuzufügborder in meinemclip-path:polygon(); style oder eine andere Möglichkeit zum Hinzufügen eines Rahmens? mögen :border:5px solid red; CSS .poligon { display: inline-block; position:relative; ...
div mit schrägen Seiten und runderen Ecken
Ich erstelle gerade eine Website, für die Schaltflächen ein @ aufweisen müsse slant auf der linken Seite der Taste. Die Website reagiert und der Button erfordertabgerundete Ecke auch. Ich versuche zu vermeiden, Hintergrundbilder ...
Fortschrittsbalken entlang der Ränder eines Rechtecks
Ich versuche herauszufinden, wie die Fortschrittsanzeige um ein Rechteck implementiert wird. Lassen Sie uns das Bild, dass ich div 500x300 mit 5px (schwarzer) Rand haben. Ich möchte, dass der Fortschrittsbalken in der linken oberen Ecke ...
Link mit Rahmen und Dreieck nach unten transparent
Ich kann nicht finden, was ich brauche. Ich habe diesen Code <hgroup id="subheader"> <h1>lorem ipsum</h1> <h2>ipsum lorem</h2> <a href="#" class="arrow-down">read More</a> </hgroup>Ich möchte, dass der Link unten einen Rand mit einem nach unten ...
Div mit Dreieck unten mit Hintergrundbild
Ich möchte ein @ machdiv, mit einerdreieck unten. Aber ich brauche dasbackground Bild auf dem Dreieckch habe versucht, ein Pseudoelement (@) zu verwende:after) aber es funktioniert nicht. #homebg:after{ content:''; position: absolute; top: 100%; ...
Responsive CSS Trapezform
Ich möchte eine ansprechende Trapezform erstellen, die entweder in CSS, SVG oder Canvas vorliegen kann. [/imgs/VY423.png] Ich konnte die Dreiecksform erstellen, aber keine Trapezform, die anspricht. div { width: 0; height: 0; border-top: ...
Element mit schrägem Hintergrund auf Hover füllen
Ich versuche ein @ zu erstellCSS Button Hover-Effekt. Aber ich habe es nicht geschafft, das Element mit einer schrägen Form zu füllen. Wie der Hover-Effekt geplant war: [/imgs/hsmdE.png] Screenshot 1: Wie es tatsächlich aussieht. Screenshot ...