Create a Press and Hold Effect | KIRUPA


by kirupa | 24 May 2018

Have questions? Discuss this HTML5 / JavaScript tutorial with others on the forums.

This is a companion discussion topic for the original entry at


As I pointed out in a comment to the related article (CSS + JS = Win!), the example here does not work in IE 11 because that browser does not support CSS custom variables; however it does work in all my other browsers (Microsoft Edge, Chrome, Firefox, and Opera)


It does not working properly on Iphone and galaxy s mobile browser. What should i do now?


Does the example in the tutorial work?


Above example doesnt enlarge or reduce circle size on clicking as it was shown in example image


Are you testing on IE11?


I have tested on chrome and Firefox. I have copied entire last code on one html file and tried to execute . The circle inside blue background doesn’t enlarge on clicking… no response.


Can you post a link to your version?