This forum uses cookies
This forum makes use of cookies to store your login information if you are registered, and your last visit if you are not. Cookies are small text documents stored on your computer; the cookies set by this forum can only be used on this website and pose no security risk. Cookies on this forum also track the specific topics you have read and when you last read them. Please confirm that you accept these cookies being set.

Blink function
#2
(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
------------------------------
Ctrl+F5
Reply


Messages In This Thread
Blink function - by toujour - 06.02.2018, 16:13
RE: Blink function - by Daniel - 06.02.2018, 16:18
RE: Blink function - by toujour - 06.02.2018, 17:43
RE: Blink function - by JMM - 07.02.2018, 15:04
RE: Blink function - by manos@dynamitec - 14.05.2020, 09:22

Forum Jump: