Advertisement
pqpxoxa

HA - custom:button-card 'Breathing' Animation

Sep 12th, 2020 (edited)
2,899
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.99 KB | None | 0 0
  1. entity: binary_sensor.openclose_26
  2. icon: 'mdi:doorbell'
  3. name: Front
  4. extra_styles: |
  5. @keyframes mymove {
  6. 50% {box-shadow: 0 0 20px red;}
  7. }
  8. state:
  9. - icon: 'mdi:door-closed'
  10. styles:
  11. card:
  12. # - height: 80px
  13. icon:
  14. - width: 45%
  15. - opacity: 0.5
  16. - padding-top: 10px
  17. name:
  18. - padding: 10px
  19. - font-size: 12px
  20. - text-overflow: unset
  21. - white-space: unset
  22. - word-break: break-word
  23. value: 'off'
  24. - color: white
  25. icon: 'mdi:door-open'
  26. operator: default
  27. styles:
  28. card:
  29. # - height: 80px
  30. - animation: mymove 2s infinite
  31. icon:
  32. - width: 45%
  33. - padding-top: 10px
  34. - color: 'rgba(255, 0, 0, 0.6)'
  35. name:
  36. - padding: 10px
  37. - color: red
  38. - font-weight: bold
  39. - font-size: 12px
  40. - text-overflow: unset
  41. - white-space: unset
  42. - word-break: break-word
  43. type: 'custom:button-card'
  44.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement