• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Suchergebnisse

  1. S

    transition flackert

    Man kann auch weiter das hover dem CSS überlassen: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> #outer-wrap { max-width: 900px...
  2. S

    transition flackert

    Die Frage habe ich mir auch gestellt und ich habe keine Antwort, wie es mit CSS geht. Bei translate ist ja das eigene Element die Referenz für Prozentwerte und nicht das umgebende. Was natürlich immer geht ist, die Werte mit Javascript zu berechnen. Ich erinnere mich an container units aber was...
  3. S

    transition flackert

    Ja, man kann das so ändern, dass der Hoverbereich genau gleich den Abmessungen des Bildes ist ohne dass man feste Werte angeben muss: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...
  4. S

    Kleine Animation

    Weil ich den Dingen gern auf den Grund gehe habe ich das Problem mal auf Stackoverflow zur Diskussion gestellt: https://stackoverflow.com/questions/78984279/issue-with-animation-skips-half-of-its-way Die Antwort von Yash Raj Bharti liefert zwar auch keine Erklärung aber einen interessanten...
  5. S

    Schriftzug einrücken/ Positionierung

    Wie geschrieben, genaues weiß ich nicht. Deshalb habe ich mich zurück gehalten und das HTML von Elisabeth so gelassen. Aber auch wenn man bei Tabellen bleibt, müsste es wahrscheinlich nicht so sehr kompliziert und verschachtelt sein.
  6. S

    Schriftzug einrücken/ Positionierung

    Genaues weiß ich nicht aber mir ist zu Ohren gekommen, dass in der Welt von HTML-Mail Tabellen immer noch ihre Daseinsberechtigung haben und Dinge wie Flexlayout Fremdworte sind. Mal sehen ob es bei @elisabeth funktioniert.
  7. S

    Schriftzug einrücken/ Positionierung

    Hallo @elisabeth, da sind einige Strukturfehler in deinem Layout, vor allem schließende Tags fehlen. Beseitige ich die und verkleinere die Breite der Zelle, liegt der Text direkt neben dem Schlüsselsymbol. Beachte meinen Kommentar mit den drei Ausrufezeichen: <html> <head> <meta...
  8. S

    Kleine Animation

    Ich habe das getestet und, wenn ich das fragliche div auskommentiere, beobachte ich genau was Du, @Alphavirus, beschreibst: Der erste Teil des Weges wird verschluckt. Für mich ist das eine harte Nuss. Wenn ich die Dauer der Animation auf 10s setze, funktioniert es einwandfrei. Das führte mich zu...
  9. S

    Info 3D Slider

    Asche auf mein Haupt: Durch Versuch und Irrtum :wink: . Mir war klar, wofür die Werte sind und dass ich sie proportional zu der Größe des Karussells einstellen musste, damit immer das selbe Aussehen entsteht. Ich bin dann von deinen Werten ausgegangen, perspective doppelt wo groß wie translateZ...
  10. S

    Info 3D Slider

    Da kann ich mich gar nicht mehr erinnern. Bei der Google-Suche nach einem Animations-Thema? Beim Stöbern auf MDN? Vielleicht hat sie auch jemand anders in einem Forum erwähnt?
  11. S

    Info 3D Slider

    Weil ich die Aufgabe sehr interessant finde, bin ich her gegangen und habe das auf responsives Verhalten umgestellt. Damit das auch beim Größer- und Kleinerziehen des Fensters funktioniert, ohne Neuladen, musste ich die Parameter für die Animation jedes Mal neu einstellen. Klasse finde ich, dass...
  12. S

    Info 3D Slider

    Das ist die aktuelle Zeit, in der sich das Abspielen der Animation befindet. Ähnlich wie bei einem Video. Kann man sowohl auslesen als auch setzen. Ja genau. 1 bedeutet normale Geschwindigkeit entspr. duration, >1 erhöhte Geschwindigkeit und <1 geringere Geschwindigkeit.
  13. S

    Vertikalen Border anders positionieren

    Guten Abend @MonacoFranze Hat das mit dem Logo auf der Kreuzung der beiden Balken denn funktioniert?
  14. S

    Info 3D Slider

    Ich war so frei es mal umzustellen: Steuerung von Geschwindigkeit und Richtung durch die horizontale Mausposition: <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>3D Slider</title> <style>...
  15. S

    Info 3D Slider

    Sehr cool, gut gemacht! 3D-Sachen erfordern immer gutes räumliches Vorstellungsvermögen. Man könnte noch dran denken, die Animation anzuhalten, wenn sich die Maus in der Mitte befindet. Oder, noch einen Schritt weiter, die Geschwindigkeit abhängig von der Mausposition in x-Richtung steuern...
  16. S

    Safari Fensterbreite verändern blockieren

    Guten Morgen, wenn Du nur verhindern willst, dass das Layout deiner PWA durch das Resizing zerlegt wird, würde es wahrscheinlich helfen, wenn Du die Größe des betr. Containers auf einen festen Wert setzt. Beschreibe doch mal den Hintergrund, warum Du das machen willst und poste die URL der Seite.
  17. S

    Vertikalen Border anders positionieren

    Guten Morgen, ich habe das Logo jetzt zusätzlich eingebaut. Dabei bin ich von der absoluten Positionierung zum Gridlayout umgeschwenkt, weil man dabei die Abmessungen und die Positionen relativ zueinander besser im Griff hat: <!DOCTYPE html> <html> <head> <title>Atari Ultimate...
  18. S

    Vertikalen Border anders positionieren

    Immer gern, ich wünsche ebenfalls einen schönen Abend!
  19. S

    Vertikalen Border anders positionieren

    Lässt sich sicher ohne Probleme machen. Ich sehe mir das morgen an.
  20. S

    Vertikalen Border anders positionieren

    So? <!DOCTYPE html> <html> <head> <title>Atari Ultimate Script</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="shortcut icon" href="favicon.ico"> <style> html, body { height: 100%...
Zurück
Oben