Amurtiger (Panthera tigris altaica) im Zoo Zürich.

Scrollen, entdecken, animieren

CMS Animation Playground

Agenda ansehenTiere entdeckenZur Startseite

Ein zentraler Ort für Animationstests

Alle zentralen CMS-Komponenten und ihre wichtigsten Varianten auf einer Seite – zum Entwickeln und Prüfen von Viewport-getriggerten Animationen.

Richtext

Ein Richtext-Block mit Überschrift, Fliesstext und Liste. Die einzelnen Elemente eignen sich für gestaffelte Animationen.

  • Erstes animierbares Element

  • Zweites animierbares Element

Link List

Animal List

Mood Image – ein Bild

Mood Image – erstes von zwei Bildern

Mood Image – zweites von zwei Bildern

Mood Image – erstes von drei Bildern

Mood Image – zweites von drei Bildern

Amurtiger im Lebensraum Panthera des Zoo Zürich.

Mood Image – drittes von drei Bildern

Video – Landscape

Landscape-Video mit Poster und Bildunterschrift.

Video – Portrait

Portrait-Variante des Video-Moduls.

Call to Action

Mehrere Elemente können innerhalb der CTA zeitlich versetzt erscheinen.

Jetzt entdecken
Mehr erfahren

Image Gallery

Galerie-Bild 1

Galerie-Bild 2

Galerie-Bild 3

FAQ – Inline

Central FAQ

Teaser – Bild links

Beschenke dein Lieblingstier

Die linke Variante zeigt Text und Bild als getrennte Animationsziele.

Mehr erfahren

Teaser – Bild rechts

Entdecke den Zoo der Zukunft

Die rechte Variante prüft dieselbe Animation in umgekehrter Komposition.

Mehr erfahren

Teaser Small

  • Fütterungen

    Live bei Tierfütterungen dabei sein

  • Lebensräume

    Die Lebensräume des Zoos entdecken

  • Jungtiere

    Aktuellen Nachwuchs kennenlernen

  • Verpflegung

    Stärkung für zwischendurch

Teaser News

Alle Zoonews anzeigen
  • TiereVideos
    02.06.2026

    Deciphering blue bones

  • Artenschutz
  • Lebensräume
  • ForschungForschung schafft Grundlagen für wirksamen Natur- und Artenschutz.

Teaser Slider

Eine grössere Kartenmenge für horizontales Scrollen und gestaffelte Reveals.

Alle Lebensräume
Blick in den Masoala Regenwald im Zoo Zürich.
Masoala Regenwald
Netzgiraffe (Giraffa reticulata) in der Lewa Savanne des Zoo Zürich.
Lewa Savanne
Blick auf den Kaeng Krachan Elefantenpark im Zoo Zürich.
Kaeng Krachan Elefantenpark
Amurtiger im Lebensraum Panthera des Zoo Zürich.
Panthera
Forschungsstation im Zoo Zürich.
Forschungsstation
Gemeinsame Fledermaus-Notpflegestation der Stiftung Fledermausschutz, des Zürcher Tierschutzes und des Zoo Zürich.
Fledermaus-Notpflegestation
Baustelle für das Pantanal Feuchtgebiet im Zoo Zürich.
Pantanal Feuchtgebiet
Ndoki Wald

Animal Teaser

zum Tier- & Pflanzenlexikon
Säugetiere
Dahomey-Zwergrind

NE

Säugetiere
Erdmännchen

LC

Reptilien
Wissenschaftliche Illustration der Felsenschildechse.
Felsenschildechse

LC

Vögel
Wissenschaftliche Illustration des Graupapageis.
Graupapagei

EN

Säugetiere
Wissenschaftliche lllustration des Grevyzebras.
Grevyzebra

EN

Vögel
Wissenschaftliche Illustration des Helmperlhuhns.
Helmperlhuhn

LC

Säugetiere
Wissenschaftliche Illustration des Impalas.
Impala

LC

Säugetiere
Wissenschaftliche Illustration des Nacktmulls.
Nacktmull

LC

Säugetiere
Wissenschaftliche Illustration der Netzgiraffe.
Netzgiraffe

EN

Säugetiere
Wissenschaftliche Illustration der Säbelantilope.
Säbelantilope

EN

Reptilien
Wissenschaftliche Illustration der Spaltenschildkröte.
Spaltenschildkröte

CR

Vögel
Wissenschaftliche Illustration des Südafrikanischen Blauhalsstrausses.
Südafrikanischer Blauhalsstrauss

LC

Säugetiere
Wissenschaftliche Illustration des Südlichen Breitmaulnashorns.
Südliches Breitmaulnashorn

NT

Säugetiere
Wissenschaftliche Illustration der Tüpfelhyäne.
Tüpfelhyäne

LC

Säugetiere
Wissenschaftliche Illustration des Weissschwanz-Stachelschweins.
Weissschwanz-Stachelschwein

LC

General Cards – 2 Spalten

Manuell ausgewählte Einträge im zweispaltigen Raster.

General Cards – 3 Spalten

Dieselben Einträge im dreispaltigen Raster.

General Cards – 4 Spalten

Dieselben Einträge im vierspaltigen Raster.

General Cards – Fluid und versetzt

Viele Einträge für das fluide, versetzte Kartenlayout.

Event Teaser Cards

Veranstaltungsreihen nach Ereignistyp.

Facts Cards

  • 27ha

    Gesamtfläche des Zoos.

  • 11

    Geplante Lebensräume.

  • 2050

    Zieljahr des Entwicklungsplans.

  • 4.5m

    Maximale Scheitelhöhe einer Giraffe.

  • 365Tage

    Naturerlebnisse im Zoo.

    • Team Teaser – Normal

    • Birte Fröhlich

      PR-Managerin

      044 254 25 68

      medien@zoo.ch
    • Gustavo, Programmleiter Amphibien bei der Wildlife Conservation Society WCS Colombia und Naturschutzbotschafter des Zoo Zürich.

      Gustavo Gonzalez Duran

      Programmleiter Amphibien im Naturschutzprojekt Amphibian Survival

    • Jelovien Randriamanantena, Primatologe im Naturschutzprojekt Masoala des Zoo Zürich.

      Jelovien Randriamanantena

      Primataloge im Naturschutzprojekt Masoala

    Team Teaser – Eingerückt

    • Birte Fröhlich

      PR-Managerin

    • Gustavo, Programmleiter Amphibien bei der Wildlife Conservation Society WCS Colombia und Naturschutzbotschafter des Zoo Zürich.

      Gustavo Gonzalez Duran

      Programmleiter Amphibien im Naturschutzprojekt Amphibian Survival

    • Jelovien Randriamanantena, Primatologe im Naturschutzprojekt Masoala des Zoo Zürich.

      Jelovien Randriamanantena

      Primataloge im Naturschutzprojekt Masoala

    «Animation unterstützt die Geschichte – sie ersetzt sie nicht.»

    Animation Playground

    SoundCloud

    Bild rechts, Text links.

    Text Image – Bild rechts

    Normale Bildgrösse mit Text auf der linken Seite.

    Hochformat-Bild links.

    Text Image – Bild links und klein

    Kleine Hochformat-Variante mit Bild auf der linken Seite.

    Webcam – 360°

    360°-Live-Stream aus der Lewa Savanne.

    Webcam – Standard

    Standard-Live-Stream mit vorgeschaltetem Play-Button.