Suchergebnisse

Hmmm bei mir schon, wie hast du den Schnippsel eingebaut?

Eine Notlösung: if (navigator.userAgent.indexOf("Chrome") != -1) { for (let el of document.querySelectorAll(".container > div")) { el.style.animationDelay = "0.5s"; } } Wie schauts denn im Safari aus?

Hmm hab's auch mal lokal getestet. .container > div { animation-delay: 0.5s } So funktioniet es im Chrome, allerdings ohne Verzögerung! Im Firefox ist die Verzögerung da! Echt verhext!

Hast Du einen Link?

Mal in nen Pen kopiert, geht doch wie gewünscht ?? https://codepen.io/Oliver7777/pen/OJeGmyM

Jo passt ja :wink:. Ansonsten wäre es eine komplizierte Formel, die nicht einfach von der Breite des Karussells ausgeht.

Kannst Du nochmal erläutern wie du auf die Werte 1.5 und 3 kommst? perspective = (wSlider3D * 3) + 'px', translateZ = (wSlider3D * 1.5) + 'px';

aspect-ratio:1 sorgt dafür, dass es quadratisch ist!

Hi hab mal nen Pen erstellt: https://codepen.io/Oliver7777/pen/eYwXNYj Musst mit media Queries noch anpassen wie die Schriftgröße ist, damit es im Quadrat noch passt.

Wie bist Du in Berührung mit der Webanimations-API gekommen?

Hi, hier nochmal in Live: 3D Slider Responsive Hast du super gelöst, ist ja bissel komplizierter.

animObj.currentTime Was bewirkt das? animObj.playbackRate Das ist die Geschwindigkeit?

Hi sehr schön hab's gleich mal hochgeladen: 3DSlider Sempervivum Funktioniert gut. Ich gucke mir es nachher nochmal genauer an. Habe da Fragen. P.S.: Das ist kein kommerzielles Projekt - mehr eine Studie.

Interessante Ideen hast Du da, die " Webanimation-API " kenne ich persönlich nicht - kenne nur Animate von jQuery.

Hallo, habe mich mal mit 3D-Slidern beschäftigt. Dabei ist das entstanden: 3DSlider Einen kleinen Trick habe ich angewendet, animiert wird das ganze mit "setInterval", wenn ich das mit 10ms durchlaufen lasse ruckelt es im Firefox. Daher habe ich das Intervall auf 80ms gesetzt und mit...

Kleine Zwischenfrage, was ist eigentlich korrekt? https://mg-otterson.de/fileadmin/website7/galeria-norbert-ernst-martarranya/?gcat=retratos&gsubcat=frechits Oder https://mg-otterson.de/fileadmin/website7/galeria-norbert-ernst-martarranya?gcat=retratos&gsubcat=frechits Mit oder ohne Slash ich...

Bei mir ist es auch so, dachte erst das Forum wird eingestellt...

Ahh cool Fachkräfte werden immer gesucht! Viel Erfolg beim Coden :wink:

Hi was für eine Schule, Mediengestalter-Ausbildung?

Ich hab mal bissel was dran rumgebastelt. https://codepen.io/Oliver7777/pen/XWLZLed Für die Mobil-Übersicht musst du dir noch was überlegen Vielleicht einfach "flex-direction: column;" ab einer gewissen Breite!