Grow your CSS skills. Land your dream job.

problem with css3 transform

  • # July 15, 2013 at 7:19 am

    Hi,

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

    here on codepen

    Please help…

    # July 15, 2013 at 7:24 am

    updated:updated

    changed background color of div……

    # July 15, 2013 at 7:28 am

    @sadunaresh You right :)

    # July 15, 2013 at 7:59 am

    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.

    # July 15, 2013 at 8:04 am

    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

    # July 15, 2013 at 8:09 am

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

    # July 16, 2013 at 12:25 am

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

    # July 16, 2013 at 1:31 am

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

    please find the code on codepen

    Thank you … :)

    # July 16, 2013 at 1:32 am

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

    thank you :)

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".