Advertisement
Guest User

HA dishwasher icon

a guest
Nov 7th, 2024
243
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.20 KB | None | 0 0
  1. card_mod:
  2. style: |
  3. ha-state-icon{
  4. animation: {% if is_state('binary_sensor.dishwasher_door_contact', 'off') %} wiggle 0.4s linear infinite, wash 1s ease-in-out infinite;
  5. {% elif is_state('binary_sensor.dishwasher_door_contact', 'Unknown') %} blink 2s linear infinite;
  6. {% else %} none;
  7. {% endif %}
  8. }
  9. @keyframes wash {
  10. 50% { clip-path: polygon(0 0, 0 100%, 35% 100%, 36% 74%, 31% 43%, 61% 40%, 71% 69%, 62% 78%, 36% 73%, 35% 100%, 100% 100%, 100% 0); }
  11. }
  12. @keyframes blink{}
  13. @keyframes wiggle{
  14. 0% {
  15. webkit-transform: translate(0, 0) rotate(0deg);
  16. transform: translate(0, 0) rotate(0deg);
  17. }
  18. 25% {
  19. webkit-transform: translate(1px, 1px) rotate(5deg);
  20. transform: translate(1px, 1px) rotate(5deg);
  21. }
  22. 50% {
  23. webkit-transform: translate(0, 0) rotate(0deg);
  24. transform: translate(0, 0) rotate(0deg);
  25. }
  26. 75% {
  27. webkit-transform: translate(-1px, 1px) rotate(-5deg);
  28. transform: translate(-1px, 1px) rotate(-5deg);
  29. }
  30. 100% {
  31. webkit-transform: translate(0, 0) rotate(0deg);
  32. transform: translate(0, 0) rotate(0deg);
  33. }
  34.  
  35. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement