problem with css3 transform

[sadunaresh]

Hi,

I have problem with transform as it works fine sometime and sometimes it blinks..

here on codepen

Please help…

[sadunaresh]

updated:updated

changed background color of div……

[Sarfaraj]

@sadunaresh You right :)

[Paulie_D]

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.

[pixelgrid]

you could avoid such problems with javascript.
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

[Paulie_D]

Or just do it a different way : http://codepen.io/Paulie-D/pen/CbwHq

[sadunaresh]

@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…

[sadunaresh]

@Paulie_D I have just sorted it out by wrapping it with another div…

please find the code on codepen

Thank you … :)

[sadunaresh]

@pixelgrid yes this can be done with js too.. just wanted to achieve this with css..

thank you :)

[Author]

Posts