# \[Carte\] Mise en forme de room-card avec mushroom et tutos

**URL:** <https://forum.hacf.fr/t/carte-mise-en-forme-de-room-card-avec-mushroom-et-tutos/20429>\
**Category:** Interface / Lovelace / Thème / Custom Card\
**Tags:** card, carte-personalise-custom-card, interface-dashboard, card-mod, custom-card\
**Created:** [Février 2, 2023, 9:25 UTC](https://forum.hacf.fr/t/carte-mise-en-forme-de-room-card-avec-mushroom-et-tutos/20429 "2023-02-02T09:25:13Z")\
**Posts on this page:** 1\
**Showing post:** 408

<div class="post-metadata">

**Author:** ![Tochy](https://forum.hacf.fr/user_avatar/forum.hacf.fr/tochy/32/41667_2.png) [@Tochy](https://forum.hacf.fr/u/Tochy)\
**Post date:** [Février 8, 2025, 11:09 UTC](https://forum.hacf.fr/t/carte-mise-en-forme-de-room-card-avec-mushroom-et-tutos/20429/408 "2025-02-08T23:09:01Z")

</div>

Salut  
Regarde par là pour animer les icônes des chips

> [@Carte mushroom à modifier](https://forum.hacf.fr/t/carte-mushroom-a-modifier/55618/12):
>
> Salut Pour la rotation : type: custom:mushroom-chips-card card\_mod: style: mushroom-template-chip:nth-child(1)$: | {% if is\_state('switch.vmc', 'on') %} ha-state-icon { animation: spin 1s linear infinite; } {% endif %} @keyframes spin { from {transform: rotate(0deg);} to {transform: rotate(360deg);} } chips: - type: template entity: switch.vmc icon: mdi:fan icon\_color: |- {% if is\_state('switch.vmc', 'o…

---

_[View the full topic](https://forum.hacf.fr/t/carte-mise-en-forme-de-room-card-avec-mushroom-et-tutos/20429)._