Danke Marboe, aus welchem Programm ist der Screenshot?

Ich dachte vielleicht, das man die html Datei in Notepad++ bearbeiten könnte aber ich finde dort keine Werte wie Animation-Duration oder Time oder ähnliches ...

Das ist mit Firefox / developer gemacht. Gibt es aber auch in Chrome.

Ich würde die Werte in einer der genannten css- Dateien suchen. Nach Export auf die Festplatte findest du sie im indexordner. Gruß Marboe

Also, ich habe das bis heute nicht hinbekommen.

Egal welche Werte ich in der ani.css Datei verändere, an den Geschwindigkeiten des schwarzen Punktes ändert sich nichts.

Der Schwarze Punkt kommt rasant ins Bild geflogen, bremmst dann ab und kommt zum Stillstand.

Ich möchte gerne, daß der Punkt mit einer konstanten Geschwindigkeit ins Bild gleitet und dann abrupt zum Stillsatnd kommt, wobei ich die "Reisegeschwindigkeit" auch über die vorgegebenen 5 Sekunden ausdehnen kann.

Hat jemand eine Idee, was ich in der ani.css datei verändern muss, damit ich zu meinem Ergebnis komme?

https://www.file-upload.net/download-15153126/DerschwarzePunkt.zip.html

@Svend-Boettcher

Hat jemand eine Idee, was ich in der ani.css datei verändern muss

Jein 🙃
Mit Änderungen am CSS Code der "ani.css" Datei kannst du die Steuerung der Animation nur rudimentär beeinflussen. Der Code wird von JS Funktionen in der Datei "prs4.js" zur Laufzeit angelegt, deine Änderungen werden beim Aufrufen der Site also immer automatisch überschrieben...

Lösung:
Im WWW findest du hier eine umfangreiche, kostenfreie CSS Bibliothek, die sogar noch einen Codegenerator zur Verfügung stellt, mit dem du umfangreiche Anpassungen an der von dir gewünschten CSS Funktion vornehmen kannst.

Für dein Projekt "Der schwarze Punkt" sieht der angepasste Scriptcode so aus:

<!-- CSS Klasse der Punktgrafik zuweisen -->
<img class="slide-right" src="./index_htm_files/punkt.png"  alt="Punkt"><style>
/* CSS Klasse definieren und Laufzeit der Animation einstellen, hier 0.5 Sek. */
.slide-right {
    -webkit-animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
      animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}/* ----------------------------------------------
 * Generated by Animista on 2023-6-2
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- *//**
 * ----------------------------------------
 * animation slide-right
 * ----------------------------------------
 */
@-webkit-keyframes slide-right {
/* Startpunkt der Animation (X-Achse) einstellen, hier -1.000px */
  0% {
    -webkit-transform: translateX(-1000px);
            transform: translateX(-1000px);
  }
  100% {
/* Endpunkt der Animation (X-Achse) einstellen, hier 600px */
    -webkit-transform: translateX(600px);
            transform: translateX(600px);
  }
}
@keyframes slide-right {
/* Startpunkt der Animation (X-Achse) einstellen, hier -1.000px */
  0% {
    -webkit-transform: translateX(-1000px);
            transform: translateX(-1000px);
  }
  100% {
/* Endpunkt der Animation (X-Achse) einstellen, hier 600px */
    -webkit-transform: translateX(600px);
            transform: translateX(600px);
  }
}
</style>

Den oben gezeigten HTML/CSS Code baust du in den HTML Body eines Platzhalters ein, den du vertikal an der Position der Seite anlegst, von der aus die Animation starten soll.
Das kann so aussehen:

Damit der im Code referenzierte "Punkt" gefunden wird, musst du ihn vor dem ersten Start unter dem Namen "punkt.png" als PNG Grafik anlegen und im Verzeichnis "index_htm_files" speichern.

Das war's dann auch schon.

Der o. a. Code lässt noch einige Manipulationen zu, für die Geschwindigkeit (Laufzeit), Startpunkt, Endpunkt, etc.
Wenn du das nicht schon direkt im Code erkennen kannst, den ich kommentiert habe, melde dich einfach hier wieder.

Viel Erfolg

Robbin, Du bist spitze ... werde das heute Abend ausprobieren.

Ich bekomme das irgendwie nicht zum laufen.

Es geht darum, daß dieses Fflugzeug in einem gleichmäßigen Tempo, in 5 - 8 Sekunden in der Wolke verschwindet.

https://easyupload.io/yi4ejr

@Svend-Boettcher,

hast du eine andere Möglichkeit, etwas bereitzustellen? Ein Cloud-Dienst, dem man vertrauen kann?

Du könntest ja auch auf deiner Homepage einen Link setzen und ihn hier posten?

Das habe ich auch bemerkt und es dann bei easyupload eingestellt.

Leider ist in der ZIP Datei nichts zum entpacken 😞

@Svend-Boettcher

Ich habe das ZIP Archiv gerade nochmal hochgeladen. Probier's nochmal mit dem Download...

P.S.
Es ist gut möglich, dass dein Downloadproblem eine Schutzfunktion deines Browsers ist. In dem Fall verhindert der Browser den Download, weil die Datei von einem ungeschützten Server kommt (http anstatt https).
Wenn das zutrifft, dann musst du den Download aktiv zulassen.

Alternativ kann du das ZIP Archiv hier herunterladen, von einem SSL geschützten Server

... diesr Ordner ist leer 😞

@Svend-Boettcher

diesr Ordner ist leer

Warum der Download nicht funktioniert und nur ein leeres ZIP Archiv zu sehen ist, das hatte ich dir vorhin erklärt.
Wenn du den Download des Archivs hier, von meinem SSL geschützten Server versuchst, dann wird's klappen...