Grow your CSS skills. Land your dream job.

CSS transition only for transform:scale ?

  • # March 7, 2013 at 6:06 pm

    Hello everyone,

    Here’s the situation…

    I have an element being animated with both jQuery and CSS. The jQuery animation is inheriting the transition from CSS, causing additional lag. The CSS transition only needs to be used when the element scales via transform. _(i.e. image size on hover)_

    Is there a method for targeting only the **transform: scale()** for the css transition? Or perhaps a way to exclude CSS transitions from firing during the jQuery animation?

    If anyone has some incite on how to tackle this shit…I’d much appreciate your time…

    Thanks

    # March 7, 2013 at 6:29 pm

    `transition: transform 0.1s ease;` probably.

    # March 7, 2013 at 6:38 pm

    @crocoDillon

    I actually attempted that earlier and it failed to correct the issue, but I just tried it again…adding browser prefixes and it works as it should. Thanks for the suggestion!

    # March 7, 2013 at 7:15 pm

    Vendor prefixes were implied :P You’re welcome!

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

You must be logged in to reply to this topic.

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