DivHintergrund

Begonnen von Spike, 05. März 2023, 18:24

Vorheriges Thema - Nächstes Thema

Spike

Hi,
ich finde den animierten zoom ein aus Hintergrund klasse.
Aber ich finde das einfach nicht raus wie es funktioniert.
Dürfte ich den Code dazu haben?
Ich nehme an das ist eine Div also DivHintergrund
und in dieser Div kommt dann Text und so weiter.
Würde mich freuen wenn ich den Code bekommen könnte.
Grüße

Roemer

Statt nur nem statischen Zoom gibts noch eine etwas hübschere Variante die viel bei Slideshows verwendet wird. Dieser nennt sich "Ken Burns Effect". Da findest du 100e Beispiele bei google / ChatGPT. Genau so für einen einfachen Zoom Effekt mit nur CSS oder mit JavaScript.

Die Animation hier ist mit simplen CSS gemacht:
{
    animation: scale 15s linear alternate infinite;
}

Spike

Ken Burns Effect. Vielen dank!