lucky
1
mettre une image de fond
bonjour
je cherche depuis plusieurs heures comment mettre une image de fond dans une custom button card
j’ai mis par exemple
Citation
type: custom:button-card.
styles: null
card:
- background: /local/piscinemaison.jpg
Citation
mais rien ne fonctionne ; mon image est bien dans www , elle fonctionne pour d’autre carte image
j’ai essayer plusieurs solution trouvé sur des tutos mais toujours rien
Hello
code d’une carte avec image de fond
image: /assets/teachingbirds/plants.png
elements:
- style:
top: 7%
'--ha-label-badge-font-size': 1em
left: 2%
transform: none
type: state-badge
entity: sensor.small_chili_moisture
- style:
top: 7%
'--ha-label-badge-font-size': 1em
left: 17%
transform: none
type: state-badge
entity: sensor.big_chili_moisture
- style:
top: 7%
'--ha-label-badge-font-size': 1em
left: 32%
transform: none
type: state-badge
entity: sensor.herbs_moisture
- style:
top: 12%
'--ha-label-badge-font-size': 1em
left: 92%
type: state-label
entity: sensor.greenhouse_temperature
type: picture-elements
resultat
J’ai oublier dans doc de button card tu as un model
type: custom:button-card
name: Change Background
aspect_ratio: 2/1
extra_styles: |
@keyframes bgswap1 {
0% {
background-image: url("/local/background1.jpg");
}
25% {
background-image: url("/local/background1.jpg");
}
50% {
background-image: url("/local/background2.jpg");
}
75% {
background-image: url("/local/background2.jpg");
}
100% {
background-image: url("/local/background1.jpg");
}
}
styles:
card:
- animation: bgswap1 10s linear infinite
- background-size: cover
name:
- color: white
lucky
4
Merci
avec en plus des badges c’est nickel, je vais essayer tout ca rapidement .