Logic Machine Forum
Blink function - Printable Version

+- Logic Machine Forum (https://forum.logicmachine.net)
+-- Forum: LogicMachine eco-system (https://forum.logicmachine.net/forumdisplay.php?fid=1)
+--- Forum: Visualization (https://forum.logicmachine.net/forumdisplay.php?fid=9)
+--- Thread: Blink function (/showthread.php?tid=1221)



Blink function - toujour - 06.02.2018

HI,

what is the way to create a blinking icon ?

CSS ?

Do you have an example for me ?
I'm looking for a logic that blink an icon when the knx address is true.


Something as the code below....is it right ?

Code:
/* Blink for Webkit and others
(Chrome, Safari, Firefox, IE, ...)
*/

@-webkit-keyframes blinker {
 from {opacity: 1.0;}
 to {opacity: 0.0;}
}
.blink{
    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease-in-out;
    -webkit-animation-direction: alternate;
}




Regards,
Alberto


RE: Blink function - Daniel - 06.02.2018

(06.02.2018, 16:13)toujour Wrote: HI,

what is the way to create a blinking icon ?

CSS ?

Do you have an example for me ?
I'm looking for a logic that blink an icon when the knx address is true.


Something as the code below....is it right ?

Code:
/* Blink for Webkit and others
(Chrome, Safari, Firefox, IE, ...)
*/

@-webkit-keyframes blinker {
 from {opacity: 1.0;}
 to {opacity: 0.0;}
}
.blink{
    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease-in-out;
    -webkit-animation-direction: alternate;
}




Regards,
Alberto
Hi
Why din't you make gif icon which will be blinking and just add it for ON state.
BR


RE: Blink function - toujour - 06.02.2018

Because it is not scalable...it is the last solution !! Wink


RE: Blink function - JMM - 07.02.2018

HI,

With SVG icon and css Shy


RE: Blink function - manos@dynamitec - 14.05.2020

Hello all,

I have tested the CCS code and it works fine when I add 'blink' to the element's additional class. The problem is that in that case the icons is blinking always. Can I make this to static icon when object value is 0 and blink when value is 1?
Edit: When setting the element 'read only' this doesn't work. Can this be fixed?

Any help is appreciated.  Smile