05.08.2022, 06:24
2. Blink should work for any number of objects/elements.
Use additional class blinker.
Custom JS:
Custom CSS:
3. Any elements placed in a layout will be rendered below any elements in a plan.
Use additional class blinker.
Custom JS:
Code:
$(function() {
$('.blinker').each(function(_, el) {
var addr = $(el).data('object');
if (addr) {
grp.listen(addr, function(obj) {
$(el).toggleClass('blink', obj.value);
});
}
});
});
Custom CSS:
Code:
@keyframes blinker {
from {opacity: 1.0;}
to {opacity: 0.0;}
}
.blink{
animation-name: blinker;
animation-duration: 0.6s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
animation-direction: alternate;
}
3. Any elements placed in a layout will be rendered below any elements in a plan.