0

I am trying to use the transform "scale" for a DIV using Jquery's animate function but it is not showing any effect. Can someone tell if "transforms" are supported in Jquery's animate function. I also tried JQuery's UI/Effect "scale" method but as I am not sure if it is supported as it is throwing aan error that the "property" is not supported by the object. Might be possibly because I am using it on a metro app.

Derek 朕會功夫
  • 88,688
  • 41
  • 174
  • 241
code4fun
  • 2,581
  • 9
  • 23
  • 38
  • 1
    maybe this topic can help you; http://stackoverflow.com/questions/11118358/jquery-scale-and-fade-at-the-same-time/11118619 – Barlas Apaydin Jun 30 '12 at 02:08

2 Answers2

1

include this file in ur code

 jquery.transform2d.js

and then use the animate function to scale div

$("div").animate({"transform" : "scale(2)"});
Uttara
  • 2,466
  • 2
  • 23
  • 35
  • thanks.can you tell me where can I find the transform2d plugin.It seems that Jquery plugin site is going reconstruction. – code4fun Jul 02 '12 at 18:07
  • This js is available here https://gist.github.com/MhdAljuboori/6cbce2a3efa897f6f8e7 – Shyam3089 Apr 14 '20 at 15:49
0

You can use the Transit plugin for css transformations http://ricostacruz.com/jquery.transit/

Jquery animate function only accepts those properties having numerical values.

Read this for more details http://www.w3schools.com/jquery/jquery_animate.asp

This should help.

kishan phadte
  • 21
  • 2