2 Replies Latest reply: Nov 11, 2014 9:54 AM by bjolet RSS

    Controlling CSS filters with javascript

    bjolet Community Member
    bjolet Nov 10, 2014 11:28 AM

      I know I came across a post in the past explaining how to retrieve CSS values with javascript, but I cannot find it now. It basically came down to something like this:

       

      sym.getSymbol(componentNum).getSymbol(BKnum).$("open1").css("opacity");

       

      I'm now trying to control CSS values and can reverse engineer this to control standard CSS values, but cannot figure out the proper structure for controlling CSS filters.

       

      sym.getSymbol(componentNum).getSymbol(BKnum).$("open1").css({'opacity':0.5});

       

      This successfully changes the opacity to .5, but how would I control the invert property? Animate lists it as:

       

      CSS: filter: invert()

       

      As opposed to:

       

      style="opacity: .5;"