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…
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!
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
transition: transform 0.1s ease;probably.@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!
Vendor prefixes were implied :P You're welcome!