Visual Feedback for tap_action on picture-elements card

Configuration Frontend
1

Is there any way to get some type of visual feedback when one does a tap_action on a picture-elements card?

Similar to how overlay works in CSS. Thanks for any help.

type: picture-elements
elements:
  - type: image
    entity: remote.harmony_hub
    image: /local/remote/blank_button.png
    title: null
    tap_action:
      action: call-service
      service: remote.send_command
      service_data:
        entity_id: remote.harmony_hub
        device: Motorola DVR
        command: PowerToggle
    style:
      left: 15%
      top: 7%
      width: 9%

pic-elem
pic-elem654×894 40.5 KB

2

Want to solve the same issue. I click on an image (Garage door opens) and need visual Feedback if the tap is doing something.

1 Like
3

also haptic feedback would be useful!

4

At least on_hover effect may be achieved.

image
image494×599 1.77 KB

    type: picture-elements
    image: ...
    card_mod:
      style: |
        ha-card { --opacity: 1; }
        div#root hui-image-element:hover {--opacity: 0.5}
    elements:
      - type: image
        image: ...
        tap_action:
          ...
        style:
          left: 50%
          top: 20%
          filter: opacity(var(--opacity))
      - type: image
        image: ...
        tap_action: 
          ...
        style:
          left: 50%
          top: 70%
          filter: opacity(var(--opacity))