Blinking Gauge card

[johnwray (John)]

HI,
Is there any way to get a gauge to blink when in certain %? I’m trying to get my solar battery gauge card to blink when below 20%, and gauge card to blink when consumption is more than 6kw/h.

[LiQuid_cOOled]

Welcome, you’ll need the Card Mod addon

type: gauge
entity: input_number.test3
card_mod:
  style: |
    ha-card {
      {% if states('input_number.test3') | int <= 20 %}
        animation: blink 2s linear infinite;
      {% endif %} 
          }
      @keyframes blink {
        100% {opacity: 0;}
             }

refer and post to this thread if you choose to install Card Mod

Card-mod - Add css styles to any lovelace card

Here all my posts which may be useful: NOTE: Do not forget to add a "card_mod:" keyword before "style:" (new in card-mod 3). And also read this important note to create optimized code. In most examples here a code is NOT optimized - just to describe a DOM navigation. Entity card post rotating icon (by @dolodobendan) disabled tap_action Entities card (including some special row elements - button, section, divider) post font-size for Entities card post Entities card with attributes …

[johnwray (John)]

Thank you so much, new to Ha with no coding experience, so every day is a learning curve. Is there a way that I can change the background color to blink red? Once again…THANK YOU!!!

[LiQuid_cOOled]

Yes

type: gauge
entity: input_number.test3
card_mod:
  style: |
    ha-card {
     
      {% if states('input_number.test3') | int <= 20 %}
        animation: blink 2s linear infinite;
        background: red;
      {% endif %} }
      @keyframes blink {
        100% {opacity: 0;}
             }

[johnwray (John)]

Thank you, works 100%. I hope I will be able to be of help to someone to, in the future!