I have problem with transform as it works fine sometime and sometimes it blinks..
here on codepen
changed background color of div……
@sadunaresh You right :)
What do you mean by blink?
Part of the problem is that, depending on where your mouse is, the element can slip out from under the pointer and the hover comes off and you have to start all over again.
on hover add a class that makes the element turn and then listen for the transitionend event to fire so you can remove the class
Or just do it a different way : http://codepen.io/Paulie-D/pen/CbwHq
@Paulie_d Thank you, now I understood what is happening… and the alternative you suggested will not substitute the effect I am looking for… please let me know if there is any other work around…
@Paulie_D I have just sorted it out by wrapping it with another div…
please find the code on codepen
Thank you … :)
@pixelgrid yes this can be done with js too.. just wanted to achieve this with css..
thank you :)
You must be logged in to reply to this topic.