●  HA작업 )Custom:button-card - Icon Spinning 회전하는 fan 아이콘을 만들어주세요,,,작업 사례

조그만 지식이 없어도 프로그램을 만들수 있습니다.

https://community.home-assistant.io/t/custom-button-card-icon-spinning/611489

에서 등과 같이  구글링 찾아 적용해도 동작이 되지 않는다.

type: custom:button-card
entity: input_boolean.livingroom_fan_speed_1
name: Low
icon: mdi:fan
color: red
state:
  - value: 'on'
    color: green
styles:
  icon:
    - animation:
        - rotating 2s linear infinite

이소스를 적용해서 안되면

인공지능을 이용 소스 에러 수정

https://chat.openai.com

을 이용하여 소스를 수정 합니다.

수정하고 싶은 내용으로 질문을 합니다

질문1) 

소스를 붙이기하고

 에서 아이콘 이 off 시 회전하게 수정해주세요

질문2)

 아이콘을 빨간색으로 변경해주세요

type: custom:button-card
entity: switch.sonoff_1001739bad
name: FAN
icon: mdi:fan
color: red
style:
  top: 25%
  left: 60%
  width: 60px
  height: 60px
state:
  - value: 'on'
    color: red
    icon_color: red  # Set the icon color to red when the switch is 'on'
    styles:
      icon:
        - animation:
            - rotating 2s linear infinite
  - value: 'off'
    color: green  # Set the color to green for the 'off' state
    icon_color: green  # Set the icon color to green when the switch is 'off'
    styles:
      icon:
        - animation: none  # Stop animation when the switch is 'off'

off 시 정지팬

 on시 회전팬

off시 정지한 fan 아이콘

on시 회전 하는 팬

☞ https://11q.kr 에 등록된 자료 입니다. ♠ 정보찾아 공유 드리며 출처는 링크 참조 바랍니다♠