線性漸變

background: -webkit-linear-gradient(center, rgb(253, 183, 10),rgb(242, 121, 40));
/* Safari 5.1 - 6.0 */

background: -o-linear-gradient(center, rgb(253, 183, 10),rgb(242, 121, 40));
/* Opera 11.1 - 12.0 */

background: -moz-linear-gradient(center, rgb(253, 183, 10), rgb(242, 121, 40));
/* Firefox 3.6 - 15 */

background: linear-gradient(center, rgb(253, 183, 10), rgb(242, 121, 40));
/* 標準的語法 */
 

徑向漸變

background: 
  radial-gradient(circle, #ffffff, rgba(0, 0, 0, 0) 25%) 0 0/25% 25%, 
  radial-gradient(circle, #ffffff, #000000 25%) 50% 50%/12.5% 12.5%;