how to animate a css grandient change with jquery -


I want to animate a CSS gradient with jquery and I can not find any solution. Does anyone have an idea ?

Code> $ (this). From CSS ({Background: 'WebCat-Gradient (Linear, Left Top, Right Top, From RGBA (' + a + ',' + b + ',' + c + ',' + alpha + ')), ( RGBA ('+ A2 +', '+ B2 +', '+2 -2', '+ alpha +')))}};

But what I want to do, something like this will happen:

  $ (this) .stop () Chetan ({background: '-webkit -goodient (rgiar, left top, right top, (RGBA (' + A2 + '(RGBA (' + A + ',' + B + ',' + C + ', '+ Alpha +'), '+ B2 +', '+ 2 +', '+ alpha +'))) '}, {duration: 1500, easy:' easy outbauce '});   

The best I had found was that this shield does not change, but only the background color with the first RGB.

Actually, CSS () is very aggressive, I want it to be smooth, I tried to animate only with the background color and it works fine, but not the shield.

Any thoughts? thank you in advanced.

Edit: Here's the full JS

Edit # 2 : Find all my answers here.

Note, if not set syntax,

  WebKit-Gradient ( Linear, left top, right head, (RGBA ()), (RGBA ()))   

is accurate? See , . In the below given piece,

  -webkit-linear-gradient (left top, rgba (), rgba ())   

Additionally, Code> Easier option does not appear easily within the Outbounce standard jquery ; Either, jquery UI was added for the loaded script or An "color" plugin may be required to animate .animate () color properties jquery, however, each "step of the animation To work for " step function, you can use .animate () within options ,

, step

, each animated element to be called for each animated property, this function will modify the template object Provides an opportunity to change the value of the property before it is set.

Properties , here, range: "0" - although, jquery UI is possible with color animations - steps The function is displayed on the piece below.

Try

  
  body {width: 646px; Height: 615 px; Background color: transparent; }   
  & lt; script src = "https://ajax.googleapis.com/ajax/libs/JQuery/1.11.1/jquery.min.js" & gt; & Lt; / Script & gt; & Lt; script src = "https://code.jquery.com/ui/1.11.1/jquery-ui.min.js" & gt; & Lt; / Script & gt;     

JSfield

Comments

Popular posts from this blog

php - PDO bindParam() fatal error -

logging - How can I log both the Request.InputStream and Response.OutputStream traffic in my ASP.NET MVC3 Application for specific Actions? -

java - Why my included JSP file won't get processed correctly? -