Animierte Inhalte ein- und ausblenden: Erstellen Sie HTML-Seiten mit Übergangseffekten

Ich versuche, eine Website zu erstellen, die Inhalte in Buchform mit umblätternden Animationen anzeigt. Es gibt verschiedene SVG-Bilder, die für den Inhalt jeder „Seite“ animiert werden können. Ich bin mir nicht sicher, wie das geht. Gibt es grundsätzlich eine Möglichkeit, Inhalte nach meinen Wünsch...

P粉674757114 2023-09-10 17:41:45 0  1  672

javascript - Der Ladeanimationseffekt der Seite wird nicht angezeigt?

1. Das Projekt, an dem ich gerade arbeite, ist eine Datentabellenseite. Um das Benutzererlebnis zu verbessern, wird eine Ladeanimation hinzugefügt. Es gibt kein Problem mit dem Plug-in zum Laden von Animationen. Bei der Ausführung der Methode wird jedoch festgestellt, dass der Animationseffekt nicht...

迷茫 2017-05-19 10:18:28 0  4  702

Verwenden Sie das Mausrad zum Zoomen der Seite und klicken und ziehen Sie, um die Seite zu verschieben

Wie erstelle ich mit dem Mausrad Scroll- und Schwenkeffekte für die gesamte Seite? Im Prinzip wie bei jedem 2D-Editor: Scrollen Sie zum Zoomen und klicken und ziehen Sie zum Schwenken, aber für den gesamten Körper. Ich kann online keine Informationen darüber finden.

P粉308783585 2024-03-26 14:11:27 0  1  347

javascript - Problem beim Routenübergang in Vue?

Vue fügt der Route einen Ein- und Ausblendeffekt für die Zwischensequenz hinzu. Die Komponente wird ausgeblendet, wenn sie entfernt wird. Wenn sie jedoch eingegeben wird, wird sie sofort aktiviert und nicht eingeblendet. Zwischen diesen beiden Schritten wird die Seite angezeigt leer. Das Folgende is...

滿天的星座 2017-06-12 09:30:07 0  3  764

Javascript – Eine Front-End-Selbstkultivierung

Wie bereits erwähnt, bin ich gerade erst in die Branche eingestiegen und arbeite seit zwei Monaten im Unternehmen. Allerdings schenkt das Unternehmen den Front-End-Effekten nicht viel Aufmerksamkeit Ich kann Divs schreiben, Kompatibilität und Animationseffekte sind nicht erforderlich. Solange es ein...

曾经蜡笔没有小新 2017-07-03 11:43:03 0  2  965

Javascript – warum zwei Elemente benötigt werden, um mit Transform einen Scroll-Effekt zu erzeugen

Ich habe in den Artikeln anderer Leute gelesen, warum es notwendig ist, zwei Elementebenen zu verwenden, um zwei Animationen auszuführen und den parabolischen Effekt eines kleinen Balls zu erzielen, anstatt nur ein Element zu schreiben <div class="ball"></div> ?...

滿天的星座 2017-05-19 10:18:02 0  2  829

Die automatische Wiedergabe von Swiper stoppt, wenn Sie die Tabs wechseln oder den Browser minimieren

Ich habe mithilfe von CSS einen Autoplay-Fortschritt für einen Schieberegler erstellt. Wenn die Aktivitätsklasse zur Paginierung hinzugefügt wird, führe ich eine CSS-Animation aus, die so lange dauert wie die automatische Wiedergabeverzögerung des Schiebereglers. Alles funktioniert einwandfrei, wenn...

P粉715274052 2024-02-21 13:37:12 0  1  502

Die Website-App von Vite Reactjs ruft in der Produktion keine API auf, läuft aber auf localhost einwandfrei

Ich versuche, meine Anwendung auf Netlify bereitzustellen. Die Zielseite ruft eine Reihe von Bildern ab, um einen Galerieeffekt zu erzeugen. Die Anmeldeseite läuft auf dem lokalen Computer einwandfrei, aber nach der Bereitstellung wird die API nicht aufgerufen und die Anwendung befindet sich im Lade...

P粉794177659 2023-08-10 16:32:46 0  1  640

TypeError: Die Eigenschaft von undefiniert (lesen Sie „Position') kann mit ThreeJs nicht gelesen werden

Ich versuche, ein 3D-Modell in den Hintergrund des Heldenbereichs meiner Website zu integrieren. Es funktioniert, nur dass sich das 3D-Modell nicht an die neue Größe anpasst, wenn ich die Fenstergröße manuell ändere. Ein weiteres Problem, das möglicherweise mit dem ersten zusammenhängt, besteht dari...

P粉760675452 2024-04-01 12:01:52 0  1  552

Vanilla JS setTimeout(): Falsches Verhalten identifizieren

Ich habe eine Animation auf meinem Hamburger-Menü, die in HTML, CSS und Vanilla-JavaScript geschrieben ist. Erwartete Ergebnisse Wenn Sie auf die Hamburger-Menüschaltfläche klicken, sollten die folgenden Ereignisse eintreten: Wenn Sie auf das Hamburger-Menüsymbol klicken: Das Hauptmenü dreht sich um...

P粉797855790 2024-04-02 20:44:40 0  1  445

Möglichkeiten zur Behebung des Problems 2003 (HY000): Verbindung zum MySQL-Server „db_mysql:3306' nicht möglich (111)

Ich habe kürzlich versucht, meinen FastAPIPython-Server zu containerisieren (auch für die Replikation/Verdoppelung). Vorher hatte ich nur einen MySQL-Server in einem Docker-Container und alles war in Ordnung, aber als ich meinen Webserver auch zu einem Dienst machte, konnte er keine Verbindung zum M...

P粉178132828 2023-09-05 11:18:47 0  1  811

Experimentieren Sie mit der Sortierung nach Abfragelimit

Das ist also meine erste Frage hier. Bitte verzeihen Sie mir, wenn etwas nicht stimmt. Ich versuche, eine Sortierabfrage basierend auf Einschränkungen durchzuführen. Es gibt also eine Kundentabelle mit 90 Datensätzen. Ich möchte zunächst eine auf 3 Datensätze beschränkte Abfrage durchführen und dann...

P粉237125700 2023-09-05 14:46:42 0  1  716

CSS-Raster: Erstellen Sie eine neue Zeile, wenn der untergeordnete Inhalt die Spaltenbreite überschreitet

Ich habe ein zweispaltiges Layout basierend auf einem CSS-Raster. Wenn der Inhalt der zweiten Spalte 1fr überschreitet, möchte ich eine neue Zeile erstellen. So wie es derzeit aussieht, läuft der Inhalt einfach über die Spalte hinaus. Eine Voraussetzung für dieses Layout ist, dass sich die Elemente ...

P粉212114661 2023-09-05 15:18:28 0  1  607

PHP-Volltextsuchfunktion mit den Operatoren AND, OR und NOT

Frage für Anfänger: Ich versuche, eine Volltextsuche für eine Suchzeichenfolge mithilfe von PHP und Eloquent zu implementieren. $searchstring="+(victimsuspect)+crime-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  568

Der kürzeste Weg, alle PHP-Typen in Strings umzuwandeln

Ich schreibe ein allgemeines System, von dem ich hoffe, dass es eines Tages auf Bereiche wie die Medizin angewendet werden kann (d. h. es ist „wissenschaftlich“). Ich denke, der beste Weg ist, alle Daten in PHP mit Strings darzustellen (true wird „true“, false wird „false“ sein und so weiter). Der G...

P粉369196603 2023-09-05 15:34:44 0  1  998

So erhalten Sie den Durchschnitt der DATETIME-Spalte in MySQL beim Gruppieren nach anderen Spalten

Ich erstelle und fülle eine MySQL-Tabelle mit der folgenden Abfrage: SETtime_zone='+00:00';CREATETABLEtimestamp_n_datetime(idINT,timeDATETIME,avg_timeDATETIME);INSERTINTOtimestamp_n_datetime(id,time,avg_time)VALUES("1",2023-01 -0310:

P粉460377540 2023-09-05 11:46:21 0  1  503

Synchronisierung mehrerer Geräte (Mobiltelefone) – React Native

Ich versuche, eine Lightshow zu erstellen, die auf den Mobilgeräten aller Benutzer gleichzeitig startet (kann bis zu 2000–3000 Benutzer haben). Alle Benutzer nutzen das Internet (WLAN oder mobile Daten). In unserem FE verwenden wir Apollo für Abonnements und es funktioniert hervorragend. Das Problem...

P粉151466081 2023-09-05 11:58:38 0  1  694

Pik, Karo, Herz, Kreuz => Stile ändern die Schriftfarbe in Chrome für Android nicht

In Google Chrome unter Windows werden die Symbole der Kartenfarbe (Pik, Herz, Karo, Kreuz) mithilfe des Attributs „style“ korrekt gefärbt. Leider werden auf derselben Seite, die in Google Chrome auf Android angezeigt wird, nicht die von mir definierten Farben angezeigt, sondern die Standardfarben Sc...

P粉896751037 2023-09-05 15:25:13 0  1  752