This pen doesn't work on my browser which is fine because i see the requirements are set to chrome 49+, I am currently on 48. But just curious, what in your code is 49 dependent ? I feel like updating CSS via JS is not entirely new, but maybe something about the technique you are using?
You could use chrome canary
@verymickey This pen uses pure css variables. https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables (Have a look at the css) Like we can have variables with sass, css can have variables too. The browser support is not good (yet) http://caniuse.com/#feat=css-variables
i dream of the day that i won't have to transpile to css3
this is a glimpse of our bright future.
This ide is so cool. I will probably mess around with it since I might be able to incorporate in one of my projects. How did you come up with it?
Really cool. Great work! :)
Even though it says that it is supported in chrome. I was not able to get this to work locally if I had the css and js in their individual files.
it should be input event and not mousemove event......
Just Found this through the 'Using CSS Variables' course on Treehouse. A brilliant demo of CSS variables!
Need to know how to enable it? Go here.