Kontinuierliche CSS-Animation

Ich habe den folgenden CSS-Code. Das Problem besteht darin, dass die Animation so funktioniert, wie ich es möchte, aber nach Ablauf der 10 Sekunden zurückgesetzt wird, was hässlich aussieht. Idealerweise hätte ich gerne eine unendliche Animation, die das Bild nicht neu startet, sondern umhüllt und, ...

P粉928591383 2024-03-20 12:30:42 0  1  475

javascript – Problem mit der Blasenbildung bei JS-Ereignissen

Fall abgeschlossen: Verwenden Sie CSS, um diesen Effekt zu erzielen. Vielen Dank für Ihre Hilfe. Ich bin auf die Verwendung von CSS umgestiegen, um diesen Effekt zu erzielen. 1. Im folgenden Code habe ich die Mouseover- und Mouseout-Ereignisse des a-Tags abgehört, um die Canvas-Animation auszulösen,...

学习ing 2017-06-12 09:32:56 0  3  823

Inhalt beim Hover anzeigen (hat keinen Einfluss auf die Kartenhöhe)

Ich habe einen Block, der Inhalte enthält, die beim Schweben angezeigt werden. Der Effekt sollte wie folgt funktionieren: .hoverCard zeigt standardmäßig den zugrunde liegenden Inhalt an (Inhalt in .hoverCard__showOnHover ist ausgeblendet). Der Benutzer bewegt sich über .hoverCard, woraufhin .hoverCa...

P粉289775043 2024-03-27 20:29:28 0  1  441

javascript – So implementieren Sie Front-End-Kartenanimationseffekte.

Ähnlich wie beim folgenden Effekt kann sich der Avatar entsprechend der Route bewegen. Ich war noch nie zuvor einer solchen Animation ausgesetzt. Wie soll das Frontend umgesetzt werden? Canvas? WebGL? oder fertiges Framework? Ich habe keine Ahnung, welche Ideen verwendet werden sollten, um diesen Ef...

PHPz 2017-05-16 13:36:02 0  2  461

Javascript – Ich habe ein seltsames Problem festgestellt. Die von mir geschriebene CSS-Animation wurde automatisch angehalten, als ich den Tab schloss.

Ich habe ein seltsames Problem festgestellt. Die von mir geschriebene CSS-Animation wurde automatisch angehalten, als ich den Tab schloss, und weiter abgespielt, als ich den Tab erweiterte. Ich verwende das Hintergrundbild zum Bewegen, um den Bewegungseffekt zu erzielen. Hängt das mit diesem Grund z...

给我你的怀抱 2017-06-30 09:52:30 0  1  851

So legen Sie fest, dass die Animation beim Schweben angehalten, aber fortgesetzt wird, sobald die Maus weg ist

Ich habe mehrere Lösungen satt und dies ist die beste Lösung, die ich je gefunden habe. Aber ich bin immer noch nicht zufrieden mit dem Ergebnis, denn wenn die Maus das Element verlässt, kehrt das Element in seine ursprüngliche Drehung zurück. Die Idee ist, dass die Animation ausgelöst wird, wenn Si...

P粉786800174 2024-04-01 09:43:54 0  1  476

Hintergrundbilder können auf dem iPad nicht angezeigt werden.

Ich habe ein Hintergrundbild unter der Navigationsleiste platziert, und wenn Sie nach unten scrollen, bewegt sich die Navigationsleiste mit nach unten. Aber wenn ich es auf meinem iPad betrachte, sehe ich, dass das Hintergrundbild dunkelblau erscheint, fast schwarz. background__image {width: 100%; b...

P粉879517403 2023-07-25 11:58:00 0  1  709

CSS-Stile werden nicht auf die Website angewendet

Ich erstelle eine Website mit Bootstrap5, aber die index.css-Eigenschaften werden nicht auf index.html angewendet. Wenn ich mit der Maus über die Servicekarte fahre, sollte sich der Hintergrund ändern und einen Übergangseffekt erzeugen. Es sollte von hier nach hier sein. Allerdings glaube ich, dass ...

P粉613735289 2024-04-06 17:12:23 0  1  584

object-c – Wie kann das Farbdimmungsproblem der Ansicht behoben werden, wenn TransitionWithView UIView umdreht?

Wenn Sie eine Animation erstellen möchten, die dem Umdrehen der Vorder- und Rückseite einer Karte ähnelt, führt die Verwendung der TransitionWithView-Methode von UIView dazu, dass die Farbe der umgedrehten Ansicht dunkler wird. Wenn die Hintergrundfarbe der Ansicht weiß ist, kommt es zu einem Flacke...

三叔 2017-06-21 10:11:50 0  1  1083

Titel: Erzielen Sie die Sichtbarkeit von weißem Text auf jedem farbigen Hintergrund außer Weiß

Die Verwendung von mix-blend-mode:Difference zum Ändern der Textfarbe in Weiß funktioniert gut, wenn die Hintergrundfarbe schwarz ist. Bewegen Sie die Maus über den Text, um den Effekt zu sehen: constblackBox=document.querySelector(".black-box");window.addEventLis tener('mousemove',functio...

P粉744691205 2023-11-10 16:59:01 0  1  775

javascript – Probleme beim Abrufen von Mauskoordinaten im Canvas

Ich möchte mit der Maus einen Strichzeichnungseffekt erzeugen, der der Strichzeichnungsfunktion des im Fenster enthaltenen Zeichenbretts ähnelt. Dazu müssen die Koordinaten der Maus ermittelt werden, aber ich habe immer das Gefühl, dass die Koordinaten nicht genau ermittelt werden. Jedes Mal, wenn i...

过去多啦不再A梦 2017-05-19 10:29:32 0  1  602

Der Titel wird wie folgt umgeschrieben: Wie erreicht man den Scrolleffekt der unteren Einfügefunktion?

Ich versuche, einen ähnlichen Effekt wie hier zu erzielen, aber der Inhalt jedes Abschnitts sollte auch scrollbar sein, d. h. er wird erst behoben, wenn er das Ende des Abschnitts erreicht. Wenn der Inhalt beispielsweise 200 VH beträgt, sieht das so aus: section{position:sticky;top:0;height:200vh;}s...

P粉587780103 2023-09-09 19:41:49 0  1  586

css3 – CSS-Schriftstil plus Füllfarbe statt Hintergrundfarbe

Es gibt einen Schriftstil wie folgt: Wenn Sie dem Herzen Farbe hinzufügen möchten, anstatt dass der gesamte Bereich das Herz umhüllt, sieht der Farbfehler wie folgt aus: Die Definition von „span“ lautet wie folgt: {Code...} Wenn Sie Wenn Sie Hintergrundfarbe hinzufügen, wird das obige Bild angezeigt...

天蓬老师 2017-06-08 11:02:27 0  2  1269

Tipps zur Verwendung von useEffect zur Beibehaltung des Hintergrundfarbstatus

Ich versuche, die Hintergrundfarbe einer Umschaltschaltfläche für eine Wunschliste zu speichern, sodass die Farbe der Schaltfläche „schwarz“ bleibt, wenn der Benutzer über Seiten wechselt, um dem Benutzer anzuzeigen, dass er den Artikel auf seiner Wunschliste gespeichert hat. constItem=(props)=>{...

P粉131455722 2023-08-18 15:08:53 0  1  522

javascript - Wie zeichne ich mehrere Bälle auf Leinwand, sodass das Hintergrundbild jedes Balls unterschiedlich ist?

Frage: Wie kann ich beim Zeichnen mehrerer Bälle auf Leinwand das Hintergrundbild jedes Balls unterschiedlich gestalten? Was ich jetzt tun möchte, ist, jeder Kugel eine andere Farbe zu verleihen und sie mit Bildern zu füllen. Teil des Codes: {code...} Aktueller Effekt:

大家讲道理 2017-06-14 10:54:28 0  4  1013

Swift – Problem mit dem Erscheinen oder Verschwinden der iOS-Tastatur

Der gewünschte Effekt besteht darin, dass beim Erscheinen der Tastatur die Schaltflächen und Beschriftungen unten automatisch nach oben verschoben werden und sich über der Tastatur befinden. Wenn die Tastatur verschwindet, kehren die Schaltflächen und Beschriftungen automatisch nach unten zurück. Ic...

过去多啦不再A梦 2017-06-06 09:53:33 0  1  898

javascript - Wie wähle ich die Texthintergrundfarbe aus, nachdem ich vor ::selection eine ID hinzugefügt habe, und wie mache ich sie mit Browsern kompatibel?

Texthintergrundfarbe auswählen {code...} Wenn <html id="c-1">, funktioniert {code...} nur in Firefox, aber nicht in Google Chrome. Ich habe es mit {code...} versucht. } nützt auch nichts. Der gewünschte Effekt besteht darin, dass beim Ersetzen der ID in HTML auch die Hintergr...

给我你的怀抱 2017-05-19 10:36:57 0  2  642

javascript – Chrome löst das Klickereignis aus, um den Text daneben auszuwählen

Wenn Sie, wie im Bild gezeigt, einen Auswahleffekt vornehmen müssen, klicken Sie einfach auf das Feld „Toggleclass“, um den Stil zu ändern. Wenn Sie häufig mit der Maus klicken, wird der Text daneben ausgewählt nicht klar. Schauen wir uns das Bild an: Klicken Sie einfach auf den Teil des Felds, um i...

怪我咯 2017-05-18 10:50:08 0  2  957

html5 – Pseudoelement hinzugefügt, ist aber beim Betrachten des Elements nicht zu sehen

{Code...} Ich möchte die Animation auf diese Weise in zwei Richtungen einstellen. Bei der Überlagerung wird der Effekt einer Kurve angezeigt. Das hinzugefügte Pseudoelement ist jedoch beim Betrachten des Elements nicht zu sehen. Wo habe ich es falsch geschrieben?

为情所困 2017-07-04 13:45:09 0  2  2018

javascript - js (Vue)-Übung: Wie gebe ich @ ein, und dann wird automatisch eine Liste verwandter Kandidaten angezeigt?

Der Effekt ist wie folgt: Effektbeschreibung: 1. Der Benutzer gibt das @-Symbol ein, eine Optionsliste erscheint und die Optionsliste wird automatisch hinter dem @-Symbol positioniert. (Die aktuelle Idee ist: Überwachen Sie das Eingabezeichen dynamisch, wenn es @ ist, und das Listenfeld wird an der ...

PHP中文网 2017-07-05 11:03:32 0  3  3646