Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- card_mod:
- style: |
- ha-state-icon{
- animation: {% if is_state('binary_sensor.dishwasher_door_contact', 'off') %} wiggle 0.4s linear infinite, wash 1s ease-in-out infinite;
- {% elif is_state('binary_sensor.dishwasher_door_contact', 'Unknown') %} blink 2s linear infinite;
- {% else %} none;
- {% endif %}
- }
- @keyframes wash {
- 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); }
- }
- @keyframes blink{}
- @keyframes wiggle{
- 0% {
- webkit-transform: translate(0, 0) rotate(0deg);
- transform: translate(0, 0) rotate(0deg);
- }
- 25% {
- webkit-transform: translate(1px, 1px) rotate(5deg);
- transform: translate(1px, 1px) rotate(5deg);
- }
- 50% {
- webkit-transform: translate(0, 0) rotate(0deg);
- transform: translate(0, 0) rotate(0deg);
- }
- 75% {
- webkit-transform: translate(-1px, 1px) rotate(-5deg);
- transform: translate(-1px, 1px) rotate(-5deg);
- }
- 100% {
- webkit-transform: translate(0, 0) rotate(0deg);
- transform: translate(0, 0) rotate(0deg);
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement