새창 작성 수정 목록 링크 Edit G카랜다 HDD HDD HDD 게시물 주소 복사


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

♨ 카랜더 일정 : 2024년01월01일
  • 링크

  • 첨부
    등록일 2024.01.01 02:01

  • 컨텐츠 정보

    본문

    Loading the player...

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

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

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

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

    3232235521_1704041524.0355.png

    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

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

    3232235521_1704041213.9512.png

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

    질문1) 

    소스를 붙이기하고

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

    질문2)

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

    질문3)

    off 동작시 icon을  green 으로 변경


    내가 만글고자 하는 정상적으로 동작 하는  소스
    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시

    3232235521_1704041266.3737.png

    off 시 정지팬

    3232235521_1704042376.542.png

     on시 회전팬

    3232235521_1704042343.2253.png


    off시 정지한 fan 아이콘

    3232235521_1704041702.319.png


    on시 회전 하는 팬

    3232235521_1704041738.1467.png

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

    [ 추가 정보 ... 더보기) ]
    뷰PDF 1,2



    office view

    관련자료

    댓글목록

    등록된 댓글이 없습니다.


    새창 작성 수정 목록 링크 Edit G카랜다 HDD HDD HDD 게시물 주소 복사


    ♥간단_메모글♥


    최근글


    새댓글



    PHP 안에 HTML ☞ 홈페이지 화면갱신 시간은 ♨
    ▶ 2024-11-25 06:41:36

    오늘의 홈 현황


    • 현재 접속자♨ 311 명
    • 오늘 가입자※ 0 명
    • 어제 가입자※ 6 명
    • 주간 가입자※ 11 명
    • 오늘 방문자 1,733 명
    • 어제 방문자 4,085 명
    • 최대 방문자 13,042 명
    • 전체 방문자 4,811,647 명
    • 전체 게시물※ 8,858 개
    • 전체 댓글수※ 25,238 개
    • 전체 회원수 11,331 명

    QR코드


    ☞ QR코드 스캔은 kakao앱 자체 QR코드

    알림 0








    최신글↑