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.

JS/CSS style.transition
#4
Working example: additional class is blinds, status object is 32/1/1, data type is 0..100% scale so the height range is from 10px to 210px.
CSS:
Code:
.blinds {
  overflow: hidden;
  transition: height 2s linear;
}

JavaScript:
Code:
$(function() {
  grp.listen('32/1/1', function(obj) {
    $('.blinds').height(10 + obj.value * 2);
  });
});
Reply


Messages In This Thread
JS/CSS style.transition - by SigmaTec - 23.12.2020, 14:33
RE: JS/CSS style.transition - by admin - 23.12.2020, 15:29
RE: JS/CSS style.transition - by SigmaTec - 23.12.2020, 15:46
RE: JS/CSS style.transition - by admin - 28.12.2020, 08:02

Forum Jump: