Lade animation beschäftigung?

Hi,

Ich habe eine Lade-Animation gemacht, aber ich weiß nicht so richtig was man während dem laden auf der seite machen könnte, habt ihr ne idee?

2 Antworten

FaTech

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

HTML, Programmieren & Softwareentwicklung

13.09.2022, 09:36

Gar nichts. Das Ding ist: Wenn es wirklich ein echtes Laden ist und nicht nur so tut als ob, dann arbeitet die Seite im Hintergrund, wobei man sie nicht noch zusätzlich belasten sollte. Wenn es ein Fake Laden ist, dann bringt das nichts und ist Nutzerunfreundlich

Lenny774

Beitragsersteller

13.09.2022, 09:37

Ok danke.

Nudelholz172

13.09.2022, 09:46

Geh so lange aufs Klo.

Lenny774

Beitragsersteller

13.09.2022, 09:47

Ich meine auf der website, aber egal...

Ähnliche Beiträge

Gehen CSS-Animationen auch rückwärts nach Hover?

Hallo!

Ich habe eine CSS-Animation, die bei Hover ein Element vergrößert. Wenn man die Maus wegbewegt ändert sich die Größe direkt ohne Animation wieder zurück. Wie kann man die Animation beim Webbewegen des Cursers wieder rückgängig abspielen lassen?

...zum Beitrag

HTML CSS Hover Animation?

Hallo. Ich versuche eine eigene Website zu erstellen mit HTML und CSS. Nun bin ich auf ein Problem gestoßen. Ich versuche seit langem eine Hover Animation auf ein Text einzufügen. Den CSS Code habe ich von der Webseite ui-snippets.dev . Ich bekomme die Hover Animation nicht zum Funktionieren. Die Animation kommt nur wenn ich beim content ein Text eingebe. Dann ist aber die Animation viel zu groß, da die große vom eingegeben Content Text benutz wird.

Bilder vom Code im Anhang.

...zum Beitrag

Programmier blockade?

Hallo zusammen,

Ich bin Programmierer, bzw. kann mit Python und HTML programmieren,

und habe gerade eine Blokade, also ich weis nicht was ich coden soll.

Habt ihr ne Idee?

Danke im vorraus.

...zum Beitrag

Wie macht man mit CSS eine kreisförmige Animation?

Also dass ein Objekt im Kreis oder in einer Spirale fliegt.

...zum Beitrag

HTML: Wie kann man erst nach 5 Sekunden auf Seite weiterleiten?

...zum Beitrag

Kann mir jemand helfen bei einem Bürger Menü oder auch 3 Striche Menü?

Würde gerne wie In der Überschrift genanntes Menü erstellen und gerne mit einer schönen Animation nur leider schaffe Ich das nicht.

...zum Beitrag

Scroll Überlappen Animation?

Hallo,

Also geht mal bitte auf folgende Seite:

emyo-drinks.de

Dort wird erst ein video angezeigt, und wenn man scrollt überlappt sich das ganze, das video hab ich schon, aber wie kann sich das beim Scrollen überlappen?

...zum Beitrag

Website automatisiert neu laden lassen?

Hallo alle zusammen,

kann man irgendwie mit einfachen mitteln etwas programmieren, welches automatisch eine Website immer wieder neu laden lässt mit einer neuen IP-Adresse?

Das ununterbrochen automatisch, danke für eure Hilfe und wenn ja wie?

...zum Beitrag

Lottie. Animation in. wix?

wie kann mann eine Lottie animation in wix per user click starten und stoppen

...zum Beitrag

Wie HTML Animation die aus verschiedenen Dateien besteht einbinden?

Ich habe eine interaktive HTML Animation bekommen. Dieser Ordner besteht aus vielen verschiedenen dateien. Bilder, Videos, CSS, JS. Ich möchte diese Animation nun auf meiner Website einbinden.

Ich bin ehrlich gesagt etwas überfordert. Ich weiß wie ich HTML Code einbinde etc. Aber nicht ein Content Element welches sich aus vielen verschienden Dateien zusammensetzt.

...zum Beitrag

HTML - div verschwinden lassen nach Zeit?

Hallo,

ich habe eine einfache Webanwendung mit HTML, CSS und JavaScript programmiert. Mit CSS habe ich eine einfache Lade-Animation erstellt.

Diese Animation ist in einem .div -Container gespeichert.

Diese Animation soll nach 5 Sekunden automatisch verschwinden, da der Content meiner Webanwendung bis dahin richtig geladen hat und sonst der Bildschirm mit den verschiedenen Elementen überflutet wäre...

Durch Google bin ich leider nicht schlauer geworden.

Kann mir jemand den Code als Antwort auf diese Frage geben oder einen Link zum Code geben?

Danke im Voraus!

...zum Beitrag

Einen Teil von einer Website kopieren?

Ich finde, dass diese Brillenanimation auf der Website extrem cool aussieht und ich würde sie gerne auf einer website verwenden.

Kann man diesen Teil "Ausschneiden?" und dann selbst launchen? Und wie einfach wär das? Mir reicht schon, wenn diese Fragen mit ja nein beantwortet werden

https://www.dji.com/at/dji-fpv

Die Animation ist ca. ab einem viertel der Seite

...zum Beitrag

Javascript + CSS animation will nicht funktionieren?

Hallo,

ich kann mir vorstellen, dass hier so einiges falsch ist. Es geht hauptsächlich um die drei letzten Klassen im CSS und um den kompletten JS Code. Ich will, dass die box auf der linken Seite und der Container unterm HR rein sliden.

Weil des Code etwas lang ist hab ich das auf jsfiddle gespeichert:

https://jsfiddle.net/damvn6wy/26/

danke im voraus.

...zum Beitrag

CSS3-Keyframe-Aninationen bei mouseout rückgängig machen?

Hi, ich habe diese Keyframe-Animationen in CSS gemacht:

nav:hover #strich1 {
    animation: strich1 0.5s ease-out 0s 1 normal forwards;
}
nav:hover #strich2 {
    animation: strich2 0.5s ease-out 0s 1 normal forwards;
}
nav:hover #strich3 {
    animation: strich3 0.5s ease-out 0s 1 normal forwards;
}
@keyframes strich1 {
    from {
        transform: rotate(0deg);
        width: 24px;
    }
    to {
        transform: rotate(45deg);
        width: 30px;
    }
}
@keyframes strich2 {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes strich3 {
    from {
        transform: rotate(0deg);
        width: 24px;
    }
    to {
        transform: rotate(-45deg);
        width: 30px;
    }
}

möchte ihr allerdings auch, dass sie sobald die Maus den Navigationsbereich(<nav>) wieder verlässt die Animationen wieder rückwärts ablaufen, weiß allerdings noch nicht so ganz wie. Ich habe es bereits so versucht:

nav:not(:hover) #strich1 {
    animation: strich1 0.5s ease-out 0s 1 reverse forwards;
}
...

und so:

nav #strich1 {
    animation: strich1 0.5s ease-out 0s 1 reverse forwards;
}
...

Hat allerdings beides nicht den gewünschten Effekt gebracht. Wisst ihr wie ich das machen könnte? Gibt es vllt eine Art Gegenteil-Pseudoklasse zu :hover? Wisst ihr da Abhilfe? Ansonsten hatte ich mir noch überlegt mit JavaScript nach dem feuern des mouseout events die Animation rückgängig zu machen wenn das mit CSS gar nicht geht.

...zum Beitrag

Was möchtest Du wissen?

Deinen Beitrag erstellen