jquery - How to animate specific corners of the border radius when hovered in and out? (Firefox) -


I know how to do this webkit for browsers but I'm stuck in Firefox. In the code given below, animate the top left corner, while the rest is just a picture.

Here's my code:

  $ ('img'). Hover (function {$ (this) .mate ({MozBorderRadius: '50px 50px 0px 0px'}, 900);}, function () {$ (this). Value ({MozBorderRadius: '25px 25px 0px 0px'} , 900);});  

Looks like the problem is that you are using the shortcut in which the four corners In a definition, when you need to define them separately

Try it:

  $ ('img'). Hover (function {$ (this). ({"MozBorderRadiusTopleft": '50px', 'MozBorderRadiusTopright': '50px'}, 900);}, function () {$ (this). '}, 900); });  

Comments

Popular posts from this blog

sql - dynamically varied number of conditions in the 'where' statement using LINQ -

asp.net mvc - Dynamically Generated Ajax.BeginForm -

Debug on symbian -