Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. CSS animation durch Wert triggern?

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    16
    1
    364

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    4.8k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.3k

CSS animation durch Wert triggern?

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vismaterial uimaterial css
3 Beiträge 3 Kommentatoren 526 Aufrufe 4 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • J Offline
    J Offline
    jamie
    schrieb am zuletzt editiert von jamie
    #1

    Hallo liebe Community, ich hoffe ihr könnt mir helfen, und zwar geht es um Vis.
    Ich habe einen Widget-View, und würde diesen gerne von unten in eine bestimmte Position "einfliegen" lassen, allerdings kenne ich mich mit CSS nicht aus, deshalb weiß ich nicht, wie man das umsetzt.
    Das ganze soll durch einen Wert getriggert werden, also z.B. wenn Objekt XY "hallo" als Wert bekommt, soll der Kasten von unten einfliegen. Das habe ich allerdings schon gelöst, indem ich ein skript laufen habe, dass die entsprechende Klasse automatisch setzt. Dementsprechend brauche ich nur noch Hilfe beim Skript:
    Ich habe bereits mit CSS rumgespielt, allerdings kein brauchbares Ergebnis bekommen, ich weiß nur (oder vermute), dass es mit transition funktioniert. Das Objekt sollte sich vorher außerhalb des sichtbaren Bereichs befinden, und nach 20sek wieder „ausfliegen“.
    Habt ihr Tipps, wie ich das umsetzen kann?
    Dankeschön schonmal im Voraus,
    Jamie :relaxed:

    1 Antwort Letzte Antwort
    0
    • D Offline
      D Offline
      dos1973
      schrieb am zuletzt editiert von
      #2

      Ich kann dir leider nicht helfen, aber es hört sich sehr interessant an und würde gern mehr sehen wollen ...

      1 Antwort Letzte Antwort
      0
      • OliverIOO Offline
        OliverIOO Offline
        OliverIO
        schrieb am zuletzt editiert von
        #3

        in diesem post wird dynamisch eine andere css klasse einem widget zugeordnet.
        https://forum.iobroker.net/topic/21920/dynamische-höhe-durch-binding-wechselt-nach-unten/17

        Meine Adapter und Widgets
        TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
        Links im Profil

        1 Antwort Letzte Antwort
        0
        Antworten
        • In einem neuen Thema antworten
        Anmelden zum Antworten
        • Älteste zuerst
        • Neuste zuerst
        • Meiste Stimmen


        Support us

        ioBroker
        Community Adapters
        Donate

        665

        Online

        32.7k

        Benutzer

        82.5k

        Themen

        1.3m

        Beiträge
        Community
        Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
        ioBroker Community 2014-2025
        logo
        • Anmelden

        • Du hast noch kein Konto? Registrieren

        • Anmelden oder registrieren, um zu suchen
        • Erster Beitrag
          Letzter Beitrag
        0
        • Home
        • Aktuell
        • Tags
        • Ungelesen 0
        • Kategorien
        • Unreplied
        • Beliebt
        • GitHub
        • Docu
        • Hilfe