Blink function

[toujour]

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

[Daniel]

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

[toujour]

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

[JMM]

HI,

With SVG icon and css

[manos@dynamitec]

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.