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  600

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  565

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  417

d3 js kreisförmige animierte Atem-App, die auf einer Kreisbahn fährt

d3js animierte Atem-App Ich möchte in der Lage sein, eine Animation eines Kreises zu erstellen, der sich in einem bestimmten Intervall um einen Pfad dreht, und dieses Intervall so zu steuern, dass es schneller/langsamer wird. Mein Code sieht derzeit so aus. So stellen Sie einen Kreis so ein, dass er...

P粉191610580 2023-09-14 15:46:55 0  1  591

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  749

WeChat Mini-Programmkarussell

So implementieren Sie ein kreisförmiges Karussell im WeChat-Miniprogramm

没有尾巴的兔子 2017-11-20 19:16:44 0  1  1870

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  1030

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  534

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  422

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  502

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  456

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  586

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  835

Eine Methode zum dynamischen Rendern kreisförmiger Sektoren ohne Verwendung von HTML5-Canvas

Ich baue ein Glücksrad und muss basierend auf der Anzahl der Sektoren ein Rad oder einen Kreis erstellen und es mit Preisnamen füllen. Ich habe den Code für einen Kreis mit einer festen Anzahl von Sektoren vervollständigt. Hier ist ein Beispiel für einen Kreis mit 6 Sektoren. .wheel_container{positi...

P粉731861241 2023-09-02 10:43:07 0  1  534

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  427

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  542

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  1296

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  507

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  545

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  487