Suchergebnisse

Hmm habe das noch mal getestet mit Text. <div class="div1"><span>Text</span></div> .div1 span { visibility: hidden; /* geht nicht */ display: none; /* geht nicht */ opacity:0; /* geht nicht */ color:transparent; /* geht als einziges */ } Ich weiß ja nicht, was du noch vorhast, aber wenn du Text...

musst du vor dem schließenden body-tag einfügen (mit <script></script>)!

Ah ok null Plan von Outlook :) Benutze es nicht...

Hmm mal mit Gmail verschickt und 1und1 webmailer geöffnet: Flex gap:20px kennt er nicht!

Achso flex geht nicht?

Da du keine Tabelle eigentlich brauchst, hier eine Vorlage nur mit <div> https://codepen.io/Oliver7777/pen/OJeGrmq

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.