Einen kreisförmigen SVG-Temperaturregler in Angular erstellen?

Hier ist eine statische Demonstration eines kreisförmigen Daumenziehers, den ich in Angular erstellen möchte. Es verwendet die Einstellung „rinkle-dashoffset="-260", um den Daumen/Zieher nahe dem Ende des kreisförmigen Pfads hinter dem Daumen zu positionieren, und Sie können sehen, dass de...

P粉135799949 2024-04-03 09:33:29 0  1  656

So fügen Sie einem MP4-Video auf Squarespace einen kreisförmigen Rand hinzu

Ich versuche, einen Randradius in einem Video mit quadratischem Raum hinzuzufügen, aber es funktioniert nicht. Weiß jemand, wie man das macht? Ich versuche, einem Video einen kreisförmigen Rahmen hinzuzufügen, und habe den folgenden Code ausprobiert: #block-df45bbc957de1bd8c905.video-block.video-pla...

P粉781235689 2023-08-31 16:24:14 0  1  611

Umgeschriebener Titel: Zentrieren Sie ein festes HTML-Quadrat- oder Kreiselement horizontal und vertikal, wenn die Größe geändert wird

Wie zentriert man ein quadratisches oder kreisförmiges festes HTML-Element unterschiedlicher Größe horizontal und vertikal? Ich denke, die Schwierigkeit liegt darin, dass Breite und Höhe gleich bleiben müssen.

P粉455093123 2024-04-04 12:31:51 0  1  479

Div mit transparentem Halbkreisausschnitt

Ich möchte nur mit CSS3 eine transparent ausgeschnittene Halbkreisform erstellen. Die einzige Voraussetzung ist, dass alle Elemente, die die Form bilden, schwarz oder transparent sein müssen. Ich kann kein schwarzes Rechteck mit einem weißen Kreis darauf verwenden, da der Halbkreis transparent sein ...

P粉022285768 2023-10-22 17:51:09 0  2  789

Kann ich den Randradius bei Randbildern mit Farbverläufen verwenden?

Ich entwerfe ein Eingabefeld mit einem kreisförmigen Rand (Randradius) und versuche, diesem Rand einen Farbverlauf hinzuzufügen. Ich kann erfolgreich Farbverläufe und kreisförmige Ränder erstellen, aber beides funktioniert nicht zusammen. Es handelt sich entweder um abgerundete Ecken ohne Farbverlau...

P粉633733146 2023-08-29 12:52:01 0  2  584

So erhalten Sie mit CSS in Safari einen kreisförmigen Umriss auf einer kreisförmigen <Schaltfläche>

Ich versuche, einen runden Knopf mit der gleichen Umrissfarbe zu bekommen, aber das scheint nicht möglich zu sein. Der Umriss ist am Ende immer quadratisch. Gibt es eine Möglichkeit, dies mit a zu erreichen, oder kann es vielleicht nur mit a erreicht werden? button{width:40px;height:40px;border:none...

P粉066725148 2023-10-26 09:54:54 0  2  1061

So fügen Sie einem Bild mithilfe von CSS mehrere transparente Überlagerungen hinzu

Wie kann ich auf das Dreieck drücken und den Inhalt über dem weißen Kreis einfügen? Ich versuche eine Lösung zu finden, um einen Heldenabschnitt mit einem Hintergrundbild zu erstellen, das drei Überlagerungsformen als Teil des Bildes enthält. Oben auf der Überlagerung befinden sich h1, p und btn. Ic...

P粉777458787 2024-02-25 17:09:14 0  1  476

Wie richtet man drei SVG-Dateien zentriert auf der Seite aus?

Ich habe drei separate SVG-Dateien, die übereinander gelegt eine Grafik ergeben. Die erste SVG-Datei ist ein rotes Dreieck, die zweite ein blauer Kreis innerhalb des Dreiecks und die dritte ein violettes Rechteck an der Basis des Dreiecks (mit etwas Abstand zwischen Dreieck und Rechteck). Mein Ziel ...

P粉998100648 2023-09-07 14:20:58 0  2  647

Kreisförmige Abschnitte aus Bildern ausschneiden: Schritt-für-Schritt-Anleitung

Ich versuche, ein Bild mithilfe von SVG-Pfaden auszuschneiden, aber mein Bild scheint nicht zu passen. Das möchte ich erreichen: Das bekomme ich: Dies ist der Code, den ich ausprobiert habe: .topbar-chat-img{width:48px;height:48px;object-fit:cover;clip-path:url( #topbar -img-svg);}<imgsrc="h...

P粉536909186 2023-12-28 10:48:37 0  1  545

Safari unterstützt kein CSS für kreisförmige Avatare

Mein Blog verwendet eine gatsbyReact-Vorlage, aber wenn ich sie auf Safari (iPhone oder Mac) öffne, ist das Avatarbild nicht rund. Einfacher Code-Blog Dies ist der Stil, den ich für meinen Avatar verwende - Radius:100%;}

P粉779565855 2024-02-17 18:38:55 0  1  517

Strg+Umschalt+J hat den Himmel nicht ausgeschnitten. Warum?

Nachdem Sie das Polygon-Lasso zum Kreisen verwendet haben, drücken Sie einfach STRG+J. Das Ergebnis ist nur eine Kopie der ausgewählten Ebene, ohne das Originalbild auszuschneiden.

P粉693705174 2022-09-08 23:07:16 0  0  868

Verwenden Sie einen speziellen Cursor, um den Text beim Schweben zu ändern

Bitte zeigen Sie mir, wie ich den Text beim Schweben ändern kann, ähnlich wie auf der Monopo-Website. Ich brauche keinen Hintergrund. Sie benötigen lediglich einen einfachen kreisförmigen Effekt (z. B. einen farbigen Hintergrund) und Textänderungen. Wenn möglich, möchte ich außerdem, dass der Effekt...

P粉665427988 2023-09-05 23:47:42 0  1  572

javascript - Wie passe ich den Stil der Flatlist-Dropdown-Komponente an?

1. Lassen Sie mich zunächst über den Effekt sprechen, den ich erzielen möchte. Ziehen Sie ein Bild wie JD.com auf Mobiltelefonen herunter und springen Sie nach dem Loslassen zu einer neuen Seite. 2. Aber Flatlist hat ein Standard-Dropdown-Ereignis {code...} Ich sehe nicht, wie man dieses Header-Steu...

PHP中文网 2017-06-08 11:02:39 0  1  1344

Der umgeschriebene Titel lautet: CSS 3 Formen: „Reverse Circle' oder „Cut Circle'

Ich möchte eine Form erstellen, die ich als „umgekehrten Kreis“ bezeichnen würde: Das Bild ist etwas ungenau, da die schwarze Linie entlang des äußeren Randes des div-Elements fortgesetzt werden sollte. Hier ist die Demo, die ich derzeit habe: http://jsfiddle.net/n9fTF/ Ist es möglich, CSS ohne Bild...

P粉979586159 2023-08-24 18:26:55 0  2  469

Das übergeordnete Div kann nicht zentriert werden, da der linke Rand des untergeordneten Div negativ ist.

Ich habe das folgende Div erstellt, aber da ich einen negativen linken Rand verwende, um das Symbol zu versetzen, kann ich nicht das gesamte Div zentrieren. Auf dem Desktop kommen wir damit durch, weil man nicht sofort erkennen kann, dass das gesamte Div ein wenig nach links verschoben ist, aber auf...

P粉677573079 2024-01-29 15:04:54 0  1  529

Erstellen Sie mit der CSS-Eigenschaft Clip-path:circle() einen kreisförmigen Rahmen um ein Bild

Ich möchte wissen, wie man einem Bild einen Rand hinzufügt. Clip-Pfad: Kreis (); Gibt es eine andere Möglichkeit, einen Rand hinzuzufügen? Wie: border: 5px solid red; Ich habe Folgendes versucht: .roundedimage{width:200px;clip-path:circle();}<imgsrc="images/tv.jpg"alt="roundedImage...

P粉875565683 2024-03-31 17:35:30 0  1  570

CSS-Animation, die von links nach rechts näher und weiter blickt und die Bewegung einer Glasfassade auf einem Drehteller simuliert

Ich versuche, eine CSS-Animation zu erstellen, die sich horizontal von links nach rechts bewegt, dabei näher und weiter entfernt erscheint und so die Bewegung des Glases auf einer Drehtellerplatte simuliert, wenn man sie von vorne betrachtet. Ich komme näher, aber es sieht immer noch nicht richtig a...

P粉208469050 2023-09-04 21:59:55 0  1  572

Wie erstelle ich in CSS einen kreisförmigen Rahmen, bei dem x % rot und der Rest weiß ist, wobei x eine Statusvariable in einer JavaScript-Datei ist?

Ich erstelle eine Timer-App, die zunächst einen weißen Rahmen um die verbleibende Zeit des Timers hat. Ich möchte, dass der Ring um die verbleibende Zeit des Timers nach und nach rot wird und dann vollständig rot wird, wenn der Timer abgelaufen ist. {remainingTime.hours}:{remainingTime.minutes}:{rem...

P粉482108310 2023-07-24 18:47:03 0  1  524

Bilder zuschneiden und verschieben. Gitterstruktur

Ich habe Probleme damit, das Bild in die richtige Position zu bringen und es oben und unten zuzuschneiden. So sollte es aussehen (Heldenteil): https://www.behance.net/gallery/161732057/CozyMornings-online-store Das gesamte Projekt ist auf einem Raster aufgebaut. Ich benötige ein nach links verschobe...

P粉548512637 2023-09-15 19:18:46 0  1  650

Bitte sagen Sie mir, dass die Breite und Höhe des Rechtecks ​​im Code größer als der Kreis ist und warum das Rechteck in der Mitte positioniert ist.

　 2017-12-17 14:04:07 0  0  1007