CSS3 Click the button to achieve the background gradient animation effect

As follows:

The instance code is as follows:

<! DOCTYPE html>
 Summary 
 Above is the use of CSS3 click the button, the effect of the background gradient animation, interested friends can run their own code to see the effect, this is more helpful to understand, I hope that the content of this article on everyone's study or work can bring some help.