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

Suchergebnisse

  1. S

    Box Animation. Seite bleibt leer.

    Meine Frage als ich das CSS gesehen habe: Was passiert, wenn man eine Eigenschaft in einem Keyframe weg lässt? Du erwartest anscheinend, dass dann der Zustand aus dem letzten Keyframe beibehalten wird. Erhöhe ich die Zeit auf 20 sec sehe ich, dass die Box zunächst herunter gleitet, und dann...
  2. S

    Abstand zwischen den Absätzen vergrößern

    Immer gern. Gut dass Du den Link posten konntest, sonst hätten wir gerätselt, warum line-height nicht wirkt.
  3. S

    Abstand zwischen den Absätzen vergrößern

    Dass sich gar nichts getan hat, lag daran, dass in Zeile 64 eine weitere Anweisung für line-height steht, die dann wirksam wurde wenn Du das bei .liste-mit-haken ul gelöscht hast. Setzt Du statt dessen dort line-height auf 1, setzt es sich durch und die Zeilen rücken zusammen: Und dann die...
  4. S

    Abstand zwischen den Absätzen vergrößern

    Dann bitte das HTML und das CSS in Codetags posten. Wenige Listenpunkte reichen aus. Oder alternativ die URL falls Du die Seite online hast.
  5. S

    Abstand zwischen den Absätzen vergrößern

    Guten Morgen, Code besser als Text in Codetags posten, dann tut man sich leichter damit, es in eine Testdatei zu übernehmen. Von dem Screenshot mit dem CSS habe ich folgende Vermutung: Die großen Zeilenabstände kommen durch das line-height: 1.6em; zustande. Versuche, das weg zu lassen und die...
  6. 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...
  7. 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...
  8. 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">...
  9. 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...
  10. 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.
  11. 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.
  12. 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...
  13. 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...
  14. 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...
  15. 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?
  16. 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...
  17. 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.
  18. S

    Vertikalen Border anders positionieren

    Guten Abend @MonacoFranze Hat das mit dem Logo auf der Kreuzung der beiden Balken denn funktioniert?
  19. 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>...
  20. 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...
Zurück
Oben