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
Post a Comment