Trash Card zum Blinken bringen

[timur]

Guten Tag zusammen,

Ich würde gerne meine Trash Card zum Blinken bringen, leider hab ich bisher noch kein Erfolg damit.
Hier Mal der Skript:

event_grouping: true
drop_todayevents_from: "14:00:00"
next_days: 2
pattern:
  - icon: mdi:flower
    color: brown
    type: organic
    label: Bio
    pattern_exact: true
    pattern: BIO (Ost)
    picture: /local/brown.png
  - icon: mdi:newspaper
    color: blue
    type: paper
    label: Papier
    pattern: PAP (Ost)
    pattern_exact: true
    picture: local/blue.png
  - icon: mdi:recycle-variant
    color: amber
    type: recycle
    label: Gelbe Tonne
    pattern: GT (Ost)
    pattern_exact: true
    picture: local/yellow.png
  - icon: mdi:trash-can-outline
    color: black
    type: waste
    label: Restmüll
    pattern: RM (Ost)
    pattern_exact: true
    picture: /local/black.png
  - icon: mdi:dump-truck
    color: purple
    type: others
day_style: counter
alignment_style: left
items_per_row: 1
refresh_rate: 60
with_label: true
type: custom:trash-card
entities:
  - calendar.mullabfuhr
filter_events: true
full_size: true
grid_options:
  columns: 12
  rows: 1
visibility:
  - condition: numeric_state
    entity: sensor.nachste_value_daysto
    below: 1

Soweit ich weiß muss ich folgendes eingeben:
- animation: blink 2s ease infinite

Aber bisher hab ich kein Erfolg damit

Für jede Hilfe wäre ich dankbar.

LG Timur

 

[RudiP]

Du hättest auch einfach mal die Suchfunktion nutzen können und "animation: blink" als Suchbegriff eingeben.
Da kommst Du dann hier her, wo ein ähnliches Thema schon mal behandelt und gelöst wurde.
Schau Dir die Codes mal an und vergleich die mit deinem.

 

[timur]

Ja hab auch schon einiges dazu gefunden nur bekomme ich das mit diesem Button nicht hin.
Mit einem anderen hab ich es hinbekommen, aber hier benötige ich die Funktionen und die Daten vom Sensor.

 

[timur]

so nach vielen stunden recherche und probieren hab ich folgendes geschafft:

show_state: true
show_icon: true
type: entity
tap_action:
  action: toggle
entity: sensor.nachste_leerung
name: null
icon: null
card_mod:
  style: |
    {% if is_state('sensor.nachste_value_daysto','5') %}
      ha-state-icon {
      animation: blink 2s linear infinite;
      color: red !important;
      }
      @keyframes blink { 50% {opacity: 0;} }
    {%- else %}
      ha-state-icon {
      animation: blink 2s linear infinite;
      color: green !important;
      }
      @keyframes blink { 50% {opacity: 0;} }
    {%- endif %}

nun möchte ich gern, dass der ganze Button blinkt und nicht nur das Icon und den Hintergrund würde ich auch gern noch ändern.
Hatte vor ein paar Wochen noch Iobroker am laufen und dort war es etwas einfacher aufgebaut. Möchte sagen das ich blutiger anfänger bin in Home Assistant

 

[timur]

Noch eine Frage und zwar hab ich es davor mit der Trash Card versucht, aber da hab ich es überhaupt nicht hin bekommen....liegt das an mir oder gibt es cards bei denen es nicht möglich ist?

Frohe Weihnachten an alle

 

[timur]

Hab's nun selber geschafft, war ein Kampf aber es funktioniert

 

[blurrrr]

Auch wenn ich von HA kaum Ahnung habe - was war denn nun des Rätsels Lösung?

 

[timur]

Ich wollte zwei Trash cards einmal eine die mir die nächsten 3 Müll Abholungen zeigt. Die zweite soll bei Tag null, also Abholung heute blinken, sonst ist die Karte nicht sichtbar. Bei der ersten Karte hab ich bei der Einstellung " Uhrzeit Aktion ausblenden" kurz nach Mitternacht ausgewählt, damit ich die Karte nicht doppelt angezeigt bekomme.

event_grouping: true
drop_todayevents_from: "16:00:00"
next_days: 1
pattern:
  - icon: mdi:flower
    color: brown
    type: organic
    label: Bio
    pattern_exact: true
    pattern: BIO (Ost)
    picture: /local/brown.png
  - icon: mdi:newspaper
    color: blue
    type: paper
    label: Papier
    pattern: PAP (Ost)
    pattern_exact: true
    picture: local/blue.png
  - icon: mdi:recycle-variant
    color: amber
    type: recycle
    label: Gelbe Tonne
    pattern: GT (Ost)
    pattern_exact: true
    picture: local/yellow.png
  - icon: mdi:trash-can-outline
    color: black
    type: waste
    label: Restmüll
    pattern: RM (Ost)
    pattern_exact: true
    picture: /local/black.png
  - icon: mdi:dump-truck
    color: purple
    type: others
day_style: counter
alignment_style: left
items_per_row: 1
refresh_rate: 60
with_label: true
type: custom:trash-card
entities:
  - calendar.mullabfuhr
filter_events: true
full_size: true
grid_options:
  columns: 12
  rows: 1
visibility:
  - condition: numeric_state
    entity: sensor.nachste_value_daysto
    below: 0
styles:
  card:
    - height: 100px
card_mod:
  style: |
    {% if is_state('sensor.nachste_value_daysto','0') %}
     ha-card {
      animation: blink 2s linear infinite;
      color: black !important;
      }
      @keyframes blink { 50% {opacity: 0;} }
    {%- endif %}
    ha-card {
    background