#Rotate 180 degree
1 messages · Page 1 of 1 (latest)
I use custom:button-card to display an image and then its styles: option to apply CSS filters to scale and rotate the image it displays. But from the docs, it seems like this card can also show camera streams. See if this can serve your purposes?
https://github.com/custom-cards/button-card?tab=readme-ov-file#main-options
Sample yaml:
type: custom:button-card
entity: image.roborock_s7
show_entity_picture: true
...
styles:
icon:
- height: 600px
- width: 350px
- rotate: 90deg
- clip-path: inset(120px 80px 60px 70px)
- margin-top: "-10px"
- margin-left: 60px
I use the WebRTC Camera card to show my 3d printer's camera stream (with a Markdown card on the side). Normally it looks like this:
I have some card_mod added to the WebRTC Camera card. Adding the line transform: rotate(90deg) gives me a rotated image. ```yaml
card_mod:
style: |
ha-card {
color: black !important;
background: none !important;
width: 100% !important;
transform: rotate(90deg)
}
ooh thank you guys very much
im new to HACS can i ask how you made the markdown card?
(like the camera would be my first HACS card)
also im not really able to connect the webrtc is there something else that need configuration inside of klipper or so?
the connection just get refused or i hot a unexpected eof