Make an image breathe and timer component?

Ignition
,
1

Hi I start using perspective and vision, and with my project in perspective I already make an image to be visible when a tag value is 1, but i would like it not only to show the image when the tag is 1, i would like the image to have a breathe effect when visible, theres a way to do this ?

also in vision I know that theres a timer component, someone know if theres something similar on the perspective components because i didnt find any

2

CSS, see if one in the link is what you are after.

1 Like
3

Do you have an example of a breathe effect?

4

OP probably meant pulse or heartbeat

5

something like this

6

style classes have a animation toggle, try turning that on and playing with the settings to see if you can get what you want.

7

Yes, look in the link above.

8

Here are some examples of CSS (from https://animate.style/), this is using the advanced style sheet released in 8.1.22 and using a label component.

CSS.zip (8.7 KB)

I highly recommend you read up on CSS, themes in Ignition, and styles in Ignition

https://docs.inductiveautomation.com/display/DOC81/Perspective+Built-In+Themes
https://docs.inductiveautomation.com/display/DOC81/Style+Classes